better burger

uclab-potsdam · Dec 7, 2023 · 2924da3 · 2924da3
1 parent b1742e8
commit 2924da3
Showing 1 changed file with 22 additions and 12 deletions.
diff --git a/style.css b/style.css
@@ -161,30 +161,34 @@ a[href^="#"] {
 .right{
     right: 5vw;
 }
-#burger{
+#menu, #burger{
     position: fixed;
-    left: 1%;
-    top: 1em;
+    left: 1em;
+    text-align: left;
     z-index: 5;
     color: var(--font);
     pointer-events: all;
+    font-size: 1em;
+}
+#burger{
+    top: 1em;
 }
 #menu{
-    position: fixed;
-    left: 1%;
-    top: 4em;
-    z-index: 5;
-    color: var(--font);
-    pointer-events: all;
-    font-size: 0.8em;
-    cursor: pointer;
+    top: 3em;
     display: none;
+    padding: 0.5em;
+}
+#menu p {
+    margin: 0;
+    padding: 0.2em;
 }
-#menu p:hover{
+#menu p:hover, #burger:hover{
     text-decoration: underline;
+    cursor: pointer;
 }
 #menu.active{
     display: block;
+    background-color: var(--background-content);
 }
 #menu .active{
     font-weight: bold;
@@ -227,6 +231,12 @@ a[href^="#"] {
     #caption{
         flex-direction: column;
     }
+    #menu,#burger{
+        left: unset;
+        right: 1em;
+        text-align: right;
+        font-size: 2em;
+    }
 }
 @media (prefers-color-scheme: dark) {
     body{