Fix fa-fw icon width in navbar (#3075)

FontAwesome defines .fa-fw to have width 1.25em. With the previous 1/1 ratio, the icon flows over to the text to the right. Use margin-right for other icons to align.
OSC · Sep 27, 2023 · 6803b7b · 6803b7b
1 parent a616727
commit 6803b7b
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/apps/dashboard/app/javascript/stylesheets/apps.scss b/apps/dashboard/app/javascript/stylesheets/apps.scss
@@ -39,6 +39,14 @@ tr.app {
    font-size: 14px;
 }
 
+.app-icon.fa-fw {
+  width: 1.25em;
+}
+
+.app-icon:not(.fa-fw) {
+  margin-right: 0.25em;
+}
+
 .navbar img.menu-icon {
   width: 14px;
   height: 14px;