fix: Update dropdown spacing to fit with UI specifications

cozy · Dec 7, 2022 · 2a39de4 · 2a39de4
1 parent 8675981
commit 2a39de4
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/components/Settings/SettingsContent.jsx b/src/components/Settings/SettingsContent.jsx
@@ -20,7 +20,7 @@ import HelpIcon from 'cozy-ui/transpiled/react/Icons/Help'
 import StorageData from 'components/Settings/StorageData'
 
 const MenuIcon = ({ icon }) => {
-  return <Icon className="u-mr-half" color="var(--slateGrey)" icon={icon} />
+  return <Icon className="u-mr-1" color="var(--slateGrey)" icon={icon} />
 }
 
 const ExternalLinkIcon = () => {
@@ -63,7 +63,7 @@ const SettingsContent = ({
             target="_self"
             title={t('profile')}
           >
-            <MenuIcon className="u-mr-half" icon={PeopleIcon} />
+            <MenuIcon icon={PeopleIcon} />
             {t('profile')}
           </a>
         </NavItem>

diff --git a/src/styles/nav.css b/src/styles/nav.css
@@ -60,7 +60,7 @@
 }
 
 [role=banner] .coz-nav-pop-content .coz-nav-group {
-  padding: 0;
+  padding: 8px 0 8px 0;;
   margin: 0;
 }
 

diff --git a/src/styles/settings.css b/src/styles/settings.css
@@ -17,7 +17,7 @@
   box-sizing: border-box;
   margin: 0;
   width: 100%;
-  padding: 0.75rem 1rem;
+  padding: 0.8rem 16px;
   border: none;
   background-color: transparent;
   text-align: left;
@@ -38,4 +38,5 @@
 
 [role=banner] .coz-nav-settings-item .coz-nav-settings-item-btn-external-icon {
   margin-left: auto;
+  padding-left: 16px;
 }