fix(ui): add margins to labels in wallet settings and node info panel

address "Could use more spacing / margin" in LN-Zap#3046
bolatovumar · Oct 25, 2019 · 4416f62 · 4416f62
1 parent 7db59a9
commit 4416f62
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 11 deletions.
diff --git a/renderer/components/Home/WalletSettingsFormLocal.js b/renderer/components/Home/WalletSettingsFormLocal.js
@@ -56,14 +56,14 @@ class WalletSettingsFormLocal extends React.Component {
 
           <DataRow
             left={
-              <>
+              <Box mr={2}>
                 <Label htmlFor="name" mb={2}>
                   <FormattedMessage {...messages.wallet_settings_name_label} />
                 </Label>
                 <Text color="gray" fontWeight="light">
                   <FormattedMessage {...messages.wallet_settings_name_description} />
                 </Text>
-              </>
+              </Box>
             }
             py={2}
             right={
@@ -85,14 +85,14 @@ class WalletSettingsFormLocal extends React.Component {
 
           <DataRow
             left={
-              <>
+              <Box mr={2}>
                 <Label htmlFor="alias" mb={2}>
                   <FormattedMessage {...messages.wallet_settings_alias_label} />
                 </Label>
                 <Text color="gray" fontWeight="light">
                   <FormattedMessage {...messages.wallet_settings_alias_description} />
                 </Text>
-              </>
+              </Box>
             }
             py={2}
             right={

diff --git a/renderer/components/Home/WalletSettingsFormRemote.js b/renderer/components/Home/WalletSettingsFormRemote.js
@@ -123,11 +123,13 @@ const WalletSettingsFormRemote = ({
 
         <DataRow
           left={
-            <RowLabel
-              descMessage={messages.wallet_settings_name_description}
-              htmlFor="name"
-              nameMessage={messages.wallet_settings_name_label}
-            />
+            <Box mr={2}>
+              <RowLabel
+                descMessage={messages.wallet_settings_name_description}
+                htmlFor="name"
+                nameMessage={messages.wallet_settings_name_label}
+              />
+            </Box>
           }
           py={2}
           right={

diff --git a/renderer/components/Profile/ProfilePaneNodeInfo/ProfilePaneNodeInfo.js b/renderer/components/Profile/ProfilePaneNodeInfo/ProfilePaneNodeInfo.js
@@ -47,14 +47,14 @@ const ProfilePaneNodeInfo = ({
         <>
           <DataRow
             left={
-              <>
+              <Box mr={3}>
                 <Text fontWeight="normal" mb={2}>
                   <FormattedMessage {...messages.node_pubkey_title} />
                 </Text>
                 <Text color="gray" fontWeight="light">
                   <FormattedMessage {...messages.node_pubkey_description} />
                 </Text>
-              </>
+              </Box>
             }
             py={2}
             right={!isLocalWallet && <QRCode size="xxlarge" value={nodeUriOrPubkey} />}