fix nav spacing

components/nav/desktop/second-bar.js

@@ -12,7 +12,7 @@ export default function SecondBar (props) {
         activeKey={topNavKey}
       >
         <NavSelect sub={sub} size='medium' className='me-1' />
-        <Sorts {...props} />
+        <div className='ms-2 d-flex'><Sorts {...props} className='ms-1' /></div>
         <PostItem className='ms-auto me-0 d-none d-md-flex' prefix={prefix} />
       </Nav>
     </Navbar>

components/nav/desktop/top-bar.js

@@ -13,7 +13,7 @@ export default function TopBar ({ prefix, sub, path, topNavKey, dropNavKey }) {
       >
         <Back />
         <Brand className='me-1' />
-        <SearchItem prefix={prefix} className='me-0 ms-0 ms-md-auto d-none d-md-flex' />
+        <SearchItem prefix={prefix} className='me-0 ms-2 d-none d-md-flex' />
         <NavPrice className='ms-auto me-0 mx-md-auto d-none d-md-flex' />
         {me
           ? <MeCorner dropNavKey={dropNavKey} me={me} className='d-none d-md-flex' />

components/nav/mobile/footer.module.css

@@ -6,6 +6,7 @@
     background-color: var(--bs-body-bg);
     border-top: 1px solid var(--theme-toolbarActive);
     z-index: 1000;
+    padding-bottom: 1.5rem;
 }
 
 .footerNav {