Fix/hidden options text (#565)

* fix: better text for collapsed sections on side menu * fix: correct top margin for listed icons on Android * fix: make the word lower case
standardnotes · Mar 2, 2022 · be618af · be618af
1 parent b9ff867
commit be618af
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/screens/SideMenu/Listed.styled.ts b/src/screens/SideMenu/Listed.styled.ts
@@ -1,9 +1,9 @@
-import { StyleSheet } from 'react-native';
+import { Platform, StyleSheet } from 'react-native';
 import styled from 'styled-components/native';
 
 export const styles = StyleSheet.create({
   blogItemIcon: {
-    marginTop: -6,
+    marginTop: Platform.OS === 'ios' ? -6 : -3,
   },
   loadingIndicator: {
     alignSelf: 'flex-start',

diff --git a/src/screens/SideMenu/SideMenuSection.tsx b/src/screens/SideMenu/SideMenuSection.tsx
@@ -41,7 +41,9 @@ export const SideMenuSection: React.FC<Props> = React.memo(props => {
     return props.options || [];
   }, [props.options]);
   const collapsedLabel =
-    options.length > 0 ? options.length + ' Options' : 'Tap to expand';
+    options.length > 0
+      ? 'Tap to expand ' + options.length + ' options'
+      : 'Tap to expand';
   return (
     <Root>
       <Header collapsed={collapsed} onPress={() => setCollapsed(!collapsed)}>