From e8294925e690642d931a3d8b674f0726546cb11a Mon Sep 17 00:00:00 2001
From: Claire <claire.github-309c@sitedethib.com>
Date: Wed, 17 Jan 2024 11:42:47 +0100
Subject: [PATCH] [Glitch] Fix various icon alignment issues

Port baab58c80b5e98c705e63cfb9d8c496269c58227 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 app/javascript/flavours/glitch/styles/components/modal.scss  | 4 ++++
 app/javascript/flavours/glitch/styles/components/status.scss | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/javascript/flavours/glitch/styles/components/modal.scss b/app/javascript/flavours/glitch/styles/components/modal.scss
index 9d1930ff0..8f008a3c5 100644
--- a/app/javascript/flavours/glitch/styles/components/modal.scss
+++ b/app/javascript/flavours/glitch/styles/components/modal.scss
@@ -492,6 +492,10 @@
     padding-inline-end: 10px;
   }
 
+  .icon {
+    vertical-align: middle;
+  }
+
   .button {
     flex: 0 0 auto;
   }
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss
index dc1337429..005cf9c87 100644
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@@ -591,8 +591,7 @@
   .icon {
     width: 15px;
     height: 15px;
-    position: relative;
-    top: 0.145em;
+    vertical-align: middle;
   }
 }
 
@@ -1001,6 +1000,7 @@ a.status-card.compact:hover {
 
     .icon {
       color: $dark-text-color;
+      vertical-align: middle;
     }
   }
 }