From 004404dc8386f117275d70504be196a5bd088299 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zoe=CC=88=20Bijl?= <code@moiety.me>
Date: Sat, 4 Oct 2025 20:33:39 +0200
Subject: [PATCH] [feature] refactor local settings navigation item

---
 .../styles/components/local_settings.scss     | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/app/javascript/flavours/glitch/styles/components/local_settings.scss b/app/javascript/flavours/glitch/styles/components/local_settings.scss
index 784b06b00..375ed1077 100644
--- a/app/javascript/flavours/glitch/styles/components/local_settings.scss
+++ b/app/javascript/flavours/glitch/styles/components/local_settings.scss
@@ -52,20 +52,21 @@
 }
 
 .glitch.local-settings__navigation__item {
-  display: block;
+  display: flex;
+  align-items: center;
+  gap: 10px;
   padding: 15px 20px;
-  color: inherit;
-  background: lighten($ui-secondary-color, 8%);
   border: 0;
   border-bottom: 1px $ui-secondary-color solid;
-  cursor: pointer;
-  text-decoration: none;
-  outline: none;
-  transition: background 0.3s;
-  box-sizing: border-box;
   width: 100%;
-  text-align: start;
+  box-sizing: border-box;
+  color: inherit;
   font-size: inherit;
+  text-align: start;
+  text-decoration: none;
+  background: lighten($ui-secondary-color, 8%);
+  cursor: pointer;
+  transition: background 0.3s;
 
   .text-icon-button {
     color: inherit;