From 6080a17193ed04a96323b2cfb98b5f96a6be79f1 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Wed, 16 Oct 2024 15:43:28 -0700
Subject: [PATCH] make sure its usable on large font sizes

---
 src/view/com/composer/Composer.tsx | 56 +++++++++++++++---------------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/src/view/com/composer/Composer.tsx b/src/view/com/composer/Composer.tsx
index 192de9df2f..85f50b9f69 100644
--- a/src/view/com/composer/Composer.tsx
+++ b/src/view/com/composer/Composer.tsx
@@ -13,6 +13,7 @@ import {
   Keyboard,
   KeyboardAvoidingView,
   LayoutChangeEvent,
+  ScrollView,
   StyleProp,
   StyleSheet,
   View,
@@ -744,36 +745,35 @@ export const ComposePost = ({
           <SuggestedLanguage text={richtext.text} />
 
           <Animated.View
-            style={[
-              a.flex_row,
-              a.p_sm,
-              a.gap_sm,
-              t.atoms.bg,
-              bottomBarAnimatedStyle,
-            ]}>
-            {replyTo ? null : (
-              <ThreadgateBtn
-                postgate={draft.postgate}
-                onChangePostgate={nextPostgate => {
-                  dispatch({type: 'update_postgate', postgate: nextPostgate})
+            style={[a.flex_row, a.p_sm, t.atoms.bg, bottomBarAnimatedStyle]}>
+            <ScrollView
+              horizontal
+              contentContainerStyle={[a.gap_sm]}
+              bounces={false}>
+              {replyTo ? null : (
+                <ThreadgateBtn
+                  postgate={draft.postgate}
+                  onChangePostgate={nextPostgate => {
+                    dispatch({type: 'update_postgate', postgate: nextPostgate})
+                  }}
+                  threadgateAllowUISettings={draft.threadgate}
+                  onChangeThreadgateAllowUISettings={nextThreadgate => {
+                    dispatch({
+                      type: 'update_threadgate',
+                      threadgate: nextThreadgate,
+                    })
+                  }}
+                  style={bottomBarAnimatedStyle}
+                />
+              )}
+              <LabelsBtn
+                labels={draft.labels}
+                onChange={nextLabels => {
+                  dispatch({type: 'update_labels', labels: nextLabels})
                 }}
-                threadgateAllowUISettings={draft.threadgate}
-                onChangeThreadgateAllowUISettings={nextThreadgate => {
-                  dispatch({
-                    type: 'update_threadgate',
-                    threadgate: nextThreadgate,
-                  })
-                }}
-                style={bottomBarAnimatedStyle}
+                hasMedia={hasMedia || Boolean(extLink)}
               />
-            )}
-            <LabelsBtn
-              labels={draft.labels}
-              onChange={nextLabels => {
-                dispatch({type: 'update_labels', labels: nextLabels})
-              }}
-              hasMedia={hasMedia || Boolean(extLink)}
-            />
+            </ScrollView>
           </Animated.View>
           <View
             style={[