tablet chat header color and alignment (keybase#22994)

brock1337 · Mar 10, 2020 · 19ef704 · 19ef704
1 parent c4ff016
commit 19ef704
Showing 1 changed file with 16 additions and 8 deletions.
diff --git a/shared/chat/header.tsx b/shared/chat/header.tsx
@@ -29,7 +29,10 @@ type Props = {
   fullName?: string
 }
 
-const descStyleTablet = {
+const descColor = Styles.globalColors.black_50
+
+const descStyleMobile = {
+  color: descColor,
   fontSize: 13,
   lineHeight: 16,
 }
@@ -38,7 +41,7 @@ const descStyleDesktop = {
   lineHeight: '16px',
   wordBreak: 'break-all',
 } as const // approximates BodySmall since markdown does not support text type
-const descStyle = Container.isTablet ? descStyleTablet : descStyleDesktop
+const descStyle = Container.isMobile ? descStyleMobile : descStyleDesktop
 
 const descStyleOverride = {
   del: descStyle,
@@ -226,7 +229,7 @@ const styles = Styles.styleSheetCreate(
       },
       desc: {
         ...Styles.platformStyles({isElectron: Styles.desktopStyles.windowDraggingClickable}),
-        color: Styles.globalColors.black_50,
+        color: descColor,
       },
       descriptionContainer: {
         height: 17,
@@ -251,11 +254,16 @@ const styles = Styles.styleSheetCreate(
         isElectron: {minWidth: 260},
         isTablet: {paddingLeft: Styles.globalMargins.small, width: '30%'},
       }),
-      right: {
-        flex: 1,
-        paddingLeft: Styles.globalMargins.xsmall,
-        paddingRight: Styles.globalMargins.xsmall,
-      },
+      right: Styles.platformStyles({
+        common: {
+          flex: 1,
+          paddingLeft: Styles.globalMargins.xsmall,
+          paddingRight: Styles.globalMargins.xsmall,
+        },
+        isMobile: {
+          paddingLeft: Styles.globalMargins.tiny,
+        },
+      }),
       shhIconStyle: {
         marginLeft: Styles.globalMargins.xtiny,
       },