ENH Icon alignment

silverstripe · Feb 13, 2024 · 5d604a7 · 5d604a7
1 parent 2bf91ca
commit 5d604a7
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/client/dist/js/bundle.js b/client/dist/js/bundle.js
diff --git a/client/dist/styles/bundle.css b/client/dist/styles/bundle.css
diff --git a/client/src/components/LinkPicker/LinkPicker.scss b/client/src/components/LinkPicker/LinkPicker.scss
@@ -45,8 +45,10 @@
 }
 
 .link-picker__menu-icon {
+  display: inline-block;
   vertical-align: middle;
   padding-right: 0.7rem;
+  line-height: 1;
 }
 
 .link-picker__link {

diff --git a/client/src/components/LinkPicker/LinkPickerMenu.js b/client/src/components/LinkPicker/LinkPickerMenu.js
@@ -42,7 +42,7 @@ const LinkPickerMenu = ({ types, onSelect, onKeyDownEdit }) => {
               onKeyDown={handleKeyDown}
             >
               <span className={`link-picker__menu-icon ${icon}`}></span>
-              {title}
+              <span className={`link-picker__menu-title`}>{title}</span>
             </DropdownItem>
           }
         )}