Adjust SplitRowsView, fix wallet name size

- Fix allowing the wallet name to take up as much space as possible.
EdgeApp · Jan 11, 2024 · b7eff95 · b7eff95
1 parent d8de91c
commit b7eff95
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/src/components/ui4/CurrencyViewUi4.tsx b/src/components/ui4/CurrencyViewUi4.tsx
@@ -133,7 +133,8 @@ const getStyles = cacheStyles((theme: Theme) => ({
     flex: 1
   },
   primaryText: {
-    fontSize: theme.rem(0.75)
+    fontSize: theme.rem(0.75),
+    marginRight: theme.rem(0.25)
   },
   secondaryText: {
     fontSize: theme.rem(0.75),

diff --git a/src/components/ui4/SplitRowsView.tsx b/src/components/ui4/SplitRowsView.tsx
@@ -19,7 +19,7 @@ interface SplitRow {
 
 /**
  * A view representing rows of data split on the left and right edges of the
- * line. Neither side will exceed 50% of the width of the view.
+ * line
  **/
 export const SplitRowsView = (props: Props) => {
   const { children, marginRem } = props
@@ -45,20 +45,17 @@ export const SplitRowsView = (props: Props) => {
 const getStyles = cacheStyles((theme: Theme) => ({
   container: {
     flexDirection: 'column',
-    justifyContent: 'space-between',
-    flex: 1
+    justifyContent: 'space-between'
   },
   leftColumn: {
     flexDirection: 'column',
-    justifyContent: 'flex-start',
-    flex: 1,
-    maxWidth: '50%'
+    justifyContent: 'flex-start'
   },
   rightColumn: {
     flexDirection: 'column',
     alignItems: 'flex-end',
-    flex: 1,
-    maxWidth: '50%'
+    flexGrow: 1,
+    flexShrink: 1
   },
   row: {
     flexDirection: 'row',