fix: less shity ux for mobile home nav

assets/development/styles/home.css

@@ -74,12 +74,14 @@
 }
 
 .content {
-  margin-top: 1.5em;
+  padding-top: 1.5em;
   display: flex;
 }
 
 
-
+/**
+Nav
+**/
 
 .nav {
   margin-right: 2em;
@@ -318,6 +320,7 @@
 
   .content {
     display: block;
+    padding-top: 1em;
   }
   .nav {
     margin-right: 0;
@@ -330,17 +333,17 @@
     transform: rotate(-90deg)
   }
   #nav-content {
+    overflow: hidden;
     max-height: 0;
     transition: max-height 0.1s ease-out;
   }
 
-  .before-container {
-    overflow: hidden;
-  }
-
   .nav-item {
     width: auto;
   }
+  .nav-item:hover {
+    transform: scale(1); 
+  }
   .nav-mobile-enabler #nav-enabler-icon {
     transition: all 0.1s ease;
   }
@@ -349,6 +352,7 @@
     position: relative;
     border-top: 1px solid #C4C4C4;
     padding-top: 1em;
+    margin-top: .3em;
   }
   .mosaic-header {
     text-align: center;