updates on #18

assets/embed/public/css/styles.css

@@ -1,3 +1,4 @@
+a
 /* NORMALIZE CSS */
 
 html {
@@ -673,6 +674,50 @@ header .only-side {
     display: none;
 }
 
+header #prev:hover + .prev-links,
+header .prev-links:hover {
+    display: flex;
+}
+
+#prev {
+    border-radius: 0;
+}
+
+header .prev-links {
+    position: absolute;
+    color: #7d7d7d;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    background: #fff;
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+    border-radius: .2em;
+    flex-direction: column-reverse;
+    left: 1.5em;
+    display: none;
+}
+
+header .prev-links a {
+    padding: .5em;
+    border-bottom: 1px solid #f5f5f5;
+    transition: .2s ease all;
+}
+
+header .prev-links a:first-child {
+    border: 0;
+    border-bottom-right-radius: .5em;
+    border-bottom-left-radius: .5em;
+}
+
+header .prev-links a:last-child {
+    border-top-right-radius: .5em;
+    border-top-left-radius: .5em;
+}
+
+header .prev-links a:hover {
+    background-color: #f5f5f5;
+}
+
 .action {
     display: inline-block;
     margin: 0 0.2em;
@@ -1117,4 +1162,4 @@ i.spin {
         column-count: 1;
         column-gap: 0;
     }
-}
+}