Fix small screen nav toggle button

Fernando-A-Rocha · Fernando-A-Rocha · commit ddb970f9944b · 2025-01-24T14:33:15.000Z
diff --git a/web/resources/assets/style.css b/web/resources/assets/style.css
@@ -141,7 +141,7 @@ header {
 }
 
 #logo {
-  max-width: 80vw;
+  max-width: 80%;
   max-height: 100%;
 }
 #logo:hover {
@@ -182,9 +182,9 @@ header {
   border: none;
   border-radius: 5px;
   color: white;
-  padding: 0.5em;
+  padding: 0.5rem;
   cursor: pointer;
-  font-size: 1.6em;
+  font-size: 1.6rem;
   margin-left: auto;
   position: absolute;
   bottom: 20px;
diff --git a/web/resources/layout.html b/web/resources/layout.html
@@ -25,7 +25,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- Custom CSS -->
-    <link rel="stylesheet" href="/assets/style.css?v=1.7">
+    <link rel="stylesheet" href="/assets/style.css?v=1.8">
 </head>
 <body>
     <nav id="mta-global-navbar">
