From 989f37f9138dff50a1a3b713b401aa1989ef913d Mon Sep 17 00:00:00 2001
From: vallode <18506096+vallode@users.noreply.github.com>
Date: Wed, 1 Jun 2022 09:39:14 +0200
Subject: [PATCH] Even spacing on top-nav (#2280)

---
 .../ft-profile-selector/ft-profile-selector.css        | 10 ++++++++--
 src/renderer/components/top-nav/top-nav.sass           |  2 ++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/ft-profile-selector/ft-profile-selector.css b/src/renderer/components/ft-profile-selector/ft-profile-selector.css
index 74e38c8a4..6d5add61f 100644
--- a/src/renderer/components/ft-profile-selector/ft-profile-selector.css
+++ b/src/renderer/components/ft-profile-selector/ft-profile-selector.css
@@ -1,17 +1,22 @@
 .colorOption {
   width: 40px;
   height: 40px;
-  margin: 10px;
   cursor: pointer;
+  align-items: center;
+  display: flex;
+  justify-content: center;
   border-radius: 50%;
   -webkit-border-radius: 50%;
 }
 
+.colorOption:hover {
+  box-shadow: 0 0 0 2px var(--side-nav-hover-color);
+}
+
 .initial {
   font-size: 20px;
   line-height: 1em;
   text-align: center;
-  padding: 10px 0;
 }
 
 #profileList {
@@ -57,6 +62,7 @@
   float: left;
   position: relative;
   bottom: 5px;
+  margin: 10px;
 }
 
 .profileName {
diff --git a/src/renderer/components/top-nav/top-nav.sass b/src/renderer/components/top-nav/top-nav.sass
index b926d7221..0481ac5ef 100644
--- a/src/renderer/components/top-nav/top-nav.sass
+++ b/src/renderer/components/top-nav/top-nav.sass
@@ -74,6 +74,8 @@
 
 .side // parts of the top nav either side of the search bar
   display: flex
+  gap: 3px
+  margin: 0 6px
   align-items: center
 
   &.profiles