fix: better mobile styles

src/components/Header/Header.css

@@ -37,3 +37,13 @@
 .ui.header.tiny {
   font-size: 12px;
 }
+
+@media (max-width: 768px) {
+  .ui.header.huge {
+    font-size: 44px;
+  }
+
+  .ui.header.large {
+    font-size: 32px;
+  }
+}

src/components/Logo/Logo.css

@@ -7,3 +7,10 @@
   background-image: url('../../assets/logo.svg');
   background-size: contain;
 }
+
+@media (max-width: 768px) {
+  .dcl.logo {
+    width: 36px;
+    height: 36px;
+  }
+}

src/components/Navbar/Navbar.css

@@ -10,6 +10,8 @@
 
 .dcl.navbar-logo {
   cursor: pointer;
+  width: 48px;
+  height: 48px;
 }
 
 .dcl.account-wrapper {
@@ -54,12 +56,6 @@
   background-position: 17px 16px;
 }
 
-.dcl.navbar-back .icon.chevron {
-  position: absolute;
-  top: 16px;
-  left: 12px;
-}
-
 .dcl.navbar .ui.menu .item {
   color: var(--secondary-text);
   border-radius: var(--radius);
@@ -94,7 +90,25 @@
 
 @media (max-width: 768px) {
   .dcl.navbar {
-    padding: 0px 24px;
+    height: var(--navbar-height-mobile);
+    padding: 0px 16px;
     margin-bottom: 24px;
   }
+
+  .dcl.navbar-logo {
+    cursor: pointer;
+    width: 36px;
+    height: 36px;
+  }
+
+  .dcl.navbar .dcl.account-wrapper {
+    transform: scale(0.889);
+  }
+
+  .dcl.navbar-back {
+    width: 36px;
+    height: 36px;
+    background-position: 13px 12px;
+    background-size: 22%;
+  }
 }

src/themes/base-theme.css

@@ -1,6 +1,7 @@
 :root {
   /* sizes */
   --navbar-height: 94px;
+  --navbar-height-mobile: 68px;
 
   /* fonts */
   --font-print: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto,