fix(settings): fixed small issues with mobile

src/components/navigation/items/Item.module.scss

@@ -158,10 +158,10 @@
 
 @media (pointer: coarse) {
     .item {
-        height: 40px;
+        height: 50px;
 
         &.compact {
-            height: var(--bottom-navigation-height);
+            height: 50px;
 
             > div {
                 gap: 20px;

src/pages/RevoltApp.tsx

@@ -111,7 +111,7 @@ export default function App() {
                     leftPanel={
                         inSpecial
                             ? undefined
-                            : { width: 288, component: <LeftSidebar /> }
+                            : { width: 290, component: <LeftSidebar /> }
                     }
                     rightPanel={
                         !inSpecial && inChannel

src/pages/settings/Settings.module.scss

@@ -94,6 +94,10 @@
         background-clip: content-box;
         border-top: 80px solid transparent;
     }
+
+    .container {
+        max-width: 300px;
+    }
 }
 
 .settings {
@@ -124,18 +128,13 @@
 
         .container {
             min-width: 218px;
+
             padding: 80px 8px;
             display: flex;
             gap: 2px;
             flex-direction: column;
         }
 
-        @media only screen and (min-width: 800px) {
-            .container {
-                max-width: 300px;
-            }
-        }
-
         .divider {
             height: 30px;
         }