From 13f119942c87d791e6dadb0a4ca747a8148299a8 Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Thu, 20 Jan 2022 11:03:47 +0100
Subject: [PATCH] fix(settings): fixed small issues with mobile

---
 external/lang                                 |  2 +-
 .../navigation/items/Item.module.scss         |  4 ++--
 src/pages/RevoltApp.tsx                       |  2 +-
 src/pages/settings/Settings.module.scss       | 11 +++++-----
 vite.config.ts                                | 20 ++++++++++++++++++-
 5 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/external/lang b/external/lang
index 3839ed8d..d6c59b46 160000
--- a/external/lang
+++ b/external/lang
@@ -1 +1 @@
-Subproject commit 3839ed8df3caf75ff5e26f7227c0d0ac65b7ab3b
+Subproject commit d6c59b4665ec9fd0b47797b3bf82e458bc65ff51
diff --git a/src/components/navigation/items/Item.module.scss b/src/components/navigation/items/Item.module.scss
index 42bed90f..c19ec934 100644
--- a/src/components/navigation/items/Item.module.scss
+++ b/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;
diff --git a/src/pages/RevoltApp.tsx b/src/pages/RevoltApp.tsx
index 4fa88b64..bd29fc21 100644
--- a/src/pages/RevoltApp.tsx
+++ b/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
diff --git a/src/pages/settings/Settings.module.scss b/src/pages/settings/Settings.module.scss
index ff4cc35e..8e07de9e 100644
--- a/src/pages/settings/Settings.module.scss
+++ b/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;
         }
diff --git a/vite.config.ts b/vite.config.ts
index dcc1aeb9..e940f2f3 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -53,9 +53,10 @@ export default defineConfig({
                 name: "Revolt",
                 short_name: "Revolt",
                 description: "User-first, privacy-focused chat platform.",
-                categories: ["messaging"],
+                categories: ["communication", "chat", "messaging"],
                 start_url: "/",
                 orientation: "portrait",
+                /*display_override: ["window-controls-overlay"],*/
                 display: "standalone",
                 background_color: "#101823",
                 theme_color: "#101823",
@@ -83,6 +84,23 @@ export default defineConfig({
                         purpose: "maskable",
                     },
                 ],
+                //TODO: add shortcuts relating to your last opened direct messages
+                /*shortcuts: [
+                    {
+                      "name": "Open Play Later",
+                      "short_name": "Play Later",
+                      "description": "View the list of podcasts you saved for later",
+                      "url": "/play-later?utm_source=homescreen",
+                      "icons": [{ "src": "/icons/play-later.png", "sizes": "192x192" }]
+                    },
+                    {
+                      "name": "View Subscriptions",
+                      "short_name": "Subscriptions",
+                      "description": "View the list of podcasts you listen to",
+                      "url": "/subscriptions?utm_source=homescreen",
+                      "icons": [{ "src": "/icons/subscriptions.png", "sizes": "192x192" }]
+                    }
+                  ]*/
             },
         }),
         replace({