fix: fix mobile nav icon dimensions

Author: kamilmysliwiec

index.html

@@ -215,6 +215,7 @@
           </div>
           <div class="mobile-nav-icon pull-right">
             <span></span>
+            <div class="fill"></div>
           </div>
           <nav class="mobile-nav">
             <div class="mobile-nav-head">

main.css

@@ -228,15 +228,23 @@ a:active {
   bottom: -8px;
 }
 
-.mobile-nav-icon span:hover {
-  background: var(--primary-gradient);
+.mobile-nav-icon:hover {
+  cursor: pointer;
 }
 
-.mobile-nav-icon span:hover::before,
-.mobile-nav-icon span:hover::after {
+.mobile-nav-icon:hover span,
+.mobile-nav-icon:hover span::before,
+.mobile-nav-icon:hover span::after {
   background: var(--primary-gradient);
 }
 
+.mobile-nav-icon .fill {
+  height: 24px;
+  width: 24px;
+  margin-top: -12px;
+  position: absolute;
+}
+
 .mobile-nav {
   position: fixed;
   left: 0;