From f4327aff69acbe8a6af744efb083df8b34e2de9d Mon Sep 17 00:00:00 2001
From: Jaz <ericvolp12@gmail.com>
Date: Tue, 16 May 2023 23:11:29 -0700
Subject: Fix mobile layout at least for mobile web

---
 src/view/shell/Drawer.tsx | 57 +++++++++++++++++++++++------------------------
 1 file changed, 28 insertions(+), 29 deletions(-)

(limited to 'src')

diff --git a/src/view/shell/Drawer.tsx b/src/view/shell/Drawer.tsx
index 2c7c65247..aad382121 100644
--- a/src/view/shell/Drawer.tsx
+++ b/src/view/shell/Drawer.tsx
@@ -294,35 +294,33 @@ export const DrawerContent = observer(() => {
         </View>
         <View style={s.flex1} />
         <View style={styles.footer}>
-          {!isWeb && (
-            <View>
-              <Text type="sm" style={[pal.textLight, styles.colorModeText]}>
-                Set color theme
-              </Text>
-              <View style={styles.selectableBtns}>
-                <SelectableBtn
-                  current={store.shell.colorMode}
-                  value="system"
-                  label="System"
-                  left
-                  onChange={onColorModePress}
-                />
-                <SelectableBtn
-                  current={store.shell.colorMode}
-                  value="light"
-                  label="Light"
-                  onChange={onColorModePress}
-                />
-                <SelectableBtn
-                  current={store.shell.colorMode}
-                  value="dark"
-                  label="Dark"
-                  right
-                  onChange={onColorModePress}
-                />
-              </View>
+          <View>
+            <Text type="sm" style={[pal.textLight, styles.colorModeText]}>
+              Set color theme
+            </Text>
+            <View style={styles.selectableBtns}>
+              <SelectableBtn
+                current={store.shell.colorMode}
+                value="system"
+                label="System"
+                left
+                onChange={onColorModePress}
+              />
+              <SelectableBtn
+                current={store.shell.colorMode}
+                value="light"
+                label="Light"
+                onChange={onColorModePress}
+              />
+              <SelectableBtn
+                current={store.shell.colorMode}
+                value="dark"
+                label="Dark"
+                right
+                onChange={onColorModePress}
+              />
             </View>
-          )}
+          </View>
           <TouchableOpacity
             accessibilityRole="link"
             accessibilityLabel="Send feedback"
@@ -596,7 +594,8 @@ const styles = StyleSheet.create({
   },
 
   footer: {
-    flexDirection: 'row',
+    flexDirection: 'column',
+    rowGap: 10,
     justifyContent: 'space-between',
     paddingRight: 30,
     paddingTop: 20,
-- 
cgit 1.4.1