Changed Some CSS like for Navbar Title, Navbar Components Reversed on Mobile Screen

Author: PrathameshDhande22

quartz/components/styles/navbar.scss

@@ -29,7 +29,7 @@
             gap: 10px;
         }
 
-        @media all and (max-width:475px){
+        @media all and (max-width:360px){
             justify-content: center;
             margin-bottom: 6px;
         }

quartz/components/styles/navbarwrapper.scss

@@ -1,6 +1,12 @@
+@use "../../styles/variables.scss" as *;
+
 .navbar-wrapper {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
+
+    @media all and ($mobile) {
+        flex-direction: row-reverse;
+    }
 }

quartz/styles/custom.scss

@@ -17,6 +17,12 @@ ul.overflow > li:last-of-type {
 
 .page-title {
     @media all and ($mobile) {
-        font-size: 1.5rem;
+        font-size: 1.2rem;
+    }
+}
+
+.search .search-button > p {
+    @media all and ($mobile) {
+        display: none;
     }
 }