Add breadcrumb spacing on Contacts page (#7087)

MetaMask · Aug 31, 2019 · 887b257 · 887b257
1 parent f6d2535
commit 887b257
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/ui/app/pages/settings/index.scss b/ui/app/pages/settings/index.scss
@@ -52,6 +52,11 @@
     color: #037DD6;
   }
 
+  &__subheader--break {
+    margin-right: 4px;
+    padding-right: 4px;
+  }
+
   &__sub-header {
     height: 72px;
     border-bottom: 1px solid #D8D8D8;

diff --git a/ui/app/pages/settings/settings.component.js b/ui/app/pages/settings/settings.component.js
@@ -136,8 +136,12 @@ class SettingsPage extends PureComponent {
           className={c({ 'settings-page__subheader--link': initialBreadCrumbRoute })}
           onClick={() => initialBreadCrumbRoute && history.push(initialBreadCrumbRoute)}
         >{subheaderText}</div>
-        {breadCrumbTextKey && <div><span>{'> '}</span>{t(breadCrumbTextKey)}</div>}
-        {isAddressEntryPage && <div><span>{' > '}</span>{addressName}</div>}
+        {breadCrumbTextKey && <div
+          className="settings-page__subheader--break"
+        ><span>{' > '}</span>{t(breadCrumbTextKey)}</div>}
+        {isAddressEntryPage && <div
+          className="settings-page__subheader--break"
+        ><span>{' > '}</span>{addressName}</div>}
       </div>
     )
   }