Next/Prev buttons on preview

Former-commit-id: b781ebfd2407c93287ac37c14f1a2b8df088e0ce [formerly 4a6a39de6060466b410ad27426184bb03036eae2] [formerly bb88f9194b7cc463e473b6f836b898d16f9e424f [formerly 4fa584cad9e009e6f3628bfc1ba29c2f91a39d1a]] Former-commit-id: 7d6652c394003c44223bbc0a063801c2d1fdb347 [formerly 30d4d1e466fbe3d319a9e6080a5a419922b6556b] Former-commit-id: 6b43910e02422095e19217e770def053e2b60b95
2017-07-25 21:49:52 +01:00
parent 683a3d7957
commit 78e0a366e7
2 changed files with 89 additions and 6 deletions
--- a/assets/src/css/styles.css
+++ b/assets/src/css/styles.css
@@ -111,7 +111,7 @@
  width: 100%;
  text-align: right;
  display: flex;
-  padding: 0.5em 0.5em 0.5em 1em;
+  padding: 0.5em;
  height: 3.7em;
 }

@@ -159,6 +159,21 @@
  color: rgba(255, 255, 255, 0.5)
 }

+#previewer>button {
+  margin: 0;
+  position: fixed;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+#previewer>button:first-of-type {
+  left: 0.5em;
+}
+
+#previewer>button:last-of-type {
+  right: 0.5em;
+}
+

 /* * * * * * * * * * * * * * * *
 *            PROMPT           *