improved NavBar spacing

Author: virtualvivek

src/demo/pages/css/home.css

@@ -51,7 +51,7 @@
 }
 .home-footer-group .group {
     width: inherit;
-    height: 2.2vh;
+    height: 1.8vh;
     background-color: var(--PrimaryColor);
 }
 .group.a {

src/lib/dist/react-windows-ui.min.css

@@ -61,7 +61,7 @@
 @mixin app-content-wrap-mobile() {
   .app-section-container {
     margin: 0 !important;
-    padding: 85px 0 0 0 !important;
+    padding: 78px 0 0 0 !important;
 
     &.has-padding {
       margin: 0 15px !important;

src/source/stylesheet/components/AppContentWrap.scss

@@ -1,7 +1,7 @@
 @mixin app-navbar-mobile() {
   .app-nav-wrap nav {
     width: 100%;
-    height: 85px;
+    height: 78px;
     overflow-y: hidden;
     overflow-x: scroll;
     box-shadow: 1px 0 5px rgba(0, 0, 0, 0.25);
@@ -10,11 +10,12 @@
       width: 100%;
       display: inline-flex;
       position: relative;
-      top: 37px;
+      top: 30px;
       margin: 0 auto;
       z-index: 2;
       line-height: 2.2;
       white-space: nowrap;
+      padding: 4px 0 0 0;
     }
 
     ul h1,

src/source/stylesheet/components/AppNavBar/navbar-mobile/NavBarMobile.scss

@@ -46,7 +46,7 @@
     align-self: center;
 
     .app-nav-submenu-title {
-      font-size: 20px;
+      font-size: 18px;
       margin: 0 7px;
       padding: 0;
       font-weight: unset;

src/source/stylesheet/components/AppNavBar/sub-components/NavBarSubMenu.scss

@@ -1,20 +1,21 @@
 .app-name {
   @extend .color-dark-text;
   @extend .font-weight-500;
-  @extend .font-size-16px;
   @extend .transition-background-400ms;
 
   padding-inline-start: 10px;
   display: inline-block;
   white-space: nowrap;
   text-overflow: ellipsis;
   user-select: none;
+  font-size: 16px;
 }
 
 @mixin nav-appname-mobile() {
   .app-nav-wrap {
     .app-name {
       padding: 10px 15px;
+      font-size: 14px;
     }
   }
 }

src/source/stylesheet/components/AppNavBar/sub-items/Nav_AppName.scss

@@ -91,7 +91,7 @@
         &::after { transform: translate3d(0, -10, 0); }
       }
       span {
-        font-size: 20px;
+        font-size: 18px;
         margin: 0 7px;
         overflow: visible;
       }

src/source/stylesheet/components/AppNavBar/sub-items/Nav_Li.scss

@@ -27,9 +27,10 @@
       padding-left: 45px;
     }
     i {
-      font-size: 21px;
+      font-size: 18px;
       margin-right: -35px;
       z-index: 1;
+      line-height: normal;
     }
     .icons10-cross {
       margin: 0;
@@ -67,17 +68,18 @@
     .app-search-box { display: none; }
 
     .app-search-dialog {
-      padding: 2px 0 0 20px;
+      padding: 0 0 0 20px;
+      z-index: 9;
 
       .app-input-search {
         width: 70%;
       }
     }
     .app-search-dialog-trigger {
-      display: inline;
-      font-size: 22px;
+      display: inline-flex;
+      align-items: center;
+      font-size: 18px;
       padding: 0 10px 0 15px;
-      vertical-align: sub;
     }
   }
 }