fix(views): update weekend meeting template to handle longer names

sws2apps · Apr 3, 2024 · 6c2643b · 6c2643b
1 parent fd8d358
commit 6c2643b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/current/views/weekendMeeting/Container.jsx b/src/current/views/weekendMeeting/Container.jsx
@@ -4,7 +4,7 @@ import WeekendMeetingHeader from './Header';
 import WeekendMeetingItem from './Row';
 import styles from './styles';
 
-const MAX_HEIGHT_ON_PAGE = 850;
+const MAX_HEIGHT_ON_PAGE = 820;
 
 const calculateItemHeight = (meetingData) => {
   const { week_type } = meetingData;

diff --git a/src/current/views/weekendMeeting/styles.js b/src/current/views/weekendMeeting/styles.js
@@ -60,7 +60,7 @@ const styles = StyleSheet.create({
     gap: 6,
     paddingTop: 8,
     paddingBottom: 8,
-    width: 189,
+    width: 215,
   },
   meetingRole: {
     width: 90,
@@ -70,14 +70,15 @@ const styles = StyleSheet.create({
   name: {
     color: '#222222',
     fontSize: 10,
+    width: 125,
   },
   roleContainer: {
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',
   },
   lineHorizontal: {
-    width: 189,
+    width: 215,
     borderBottom: '1px solid #D5DFFD',
   },
   lineVertical: {
@@ -86,22 +87,22 @@ const styles = StyleSheet.create({
     borderLeft: '1px solid #D5DFFD',
   },
   speechContainer: {
-    width: 270,
+    width: 244,
     justifyContent: 'center',
     paddingTop: 8,
     paddingBottom: 8,
     gap: 4,
   },
   titleContainer: {
-    width: 270,
+    width: 244,
     display: 'flex',
     flexDirection: 'row',
     alignContent: 'center',
     alignItems: 'center',
     gap: 5,
   },
   speechTitle: {
-    width: 230,
+    width: 200,
     color: '#3B4CA3',
     fontSize: 10,
     fontWeight: 'semibold',
@@ -143,6 +144,7 @@ const styles = StyleSheet.create({
     gap: 2,
     backgroundColor: '#F2F5FF',
     borderRadius: 2,
+    flexWrap: 'wrap',
   },
   substitute: {
     fontSize: 8,