From 6803b7be50afffe548055391b4036d7381faa46c Mon Sep 17 00:00:00 2001
From: Robin Karlsson <61623634+robinkar@users.noreply.github.com>
Date: Wed, 27 Sep 2023 17:05:51 +0300
Subject: [PATCH] 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.
---
 apps/dashboard/app/javascript/stylesheets/apps.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/apps/dashboard/app/javascript/stylesheets/apps.scss b/apps/dashboard/app/javascript/stylesheets/apps.scss
index c43660265e..f27d6c020d 100644
--- 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;