From 1011e56f94580d7618acf62161ca00c40d2938a6 Mon Sep 17 00:00:00 2001
From: Evan Kaloudis <zeusln@tutanota.com>
Date: Mon, 16 Dec 2024 21:50:35 -0500
Subject: [PATCH] Channel: add extra divider and fix indicator spacing on
 Android

Co-authored-by: myxmaster <sebi.mueller.83@gmail.com>
---
 components/KeyValue.tsx    | 5 ++---
 views/Channels/Channel.tsx | 5 +++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/KeyValue.tsx b/components/KeyValue.tsx
index 20f66922e6..ca1e7e1899 100644
--- 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
index 2f53fb76e6..23e69afc84 100644
--- 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}