Channel: add extra divider and fix indicator spacing on Android

Co-authored-by: myxmaster <[email protected]>
ZeusLN · Dec 17, 2024 · 1011e56 · 1011e56
1 parent 2bb3052
commit 1011e56
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/components/KeyValue.tsx b/components/KeyValue.tsx
@@ -74,8 +74,7 @@ export default class KeyValue extends React.Component<KeyValueProps, {}> {
                             width: 12,
                             height: 12,
                             borderRadius: 12 / 2,
-                            backgroundColor: indicatorColor,
-                            marginRight: 7
+                            backgroundColor: indicatorColor
                         }}
                     ></View>
                 )}
@@ -87,7 +86,7 @@ export default class KeyValue extends React.Component<KeyValueProps, {}> {
                                 : themeColor('text')
                     }}
                 >
-                    {keyValue}
+                    {indicatorColor ? ` ${keyValue}` : keyValue}
                 </Text>
                 {infoModalText && (
                     <Text

diff --git a/views/Channels/Channel.tsx b/views/Channels/Channel.tsx
@@ -576,6 +576,9 @@ export default class ChannelView extends React.Component<
                             />
                         </ListItem>
                     )}
+
+                    <Divider orientation="horizontal" style={{ margin: 20 }} />
+
                     <KeyValue
                         keyValue={localeString('views.Channel.channelBalance')}
                     />
@@ -717,7 +720,9 @@ export default class ChannelView extends React.Component<
                             }
                         />
                     )}
+
                     <Divider orientation="horizontal" style={{ margin: 20 }} />
+
                     {BackendUtils.isLNDBased() && editableFees && (
                         <FeeBreakdown
                             isActive={isActive}