From d2ed60679b0cca12e35d379286be36d904be750a Mon Sep 17 00:00:00 2001
From: André Oliveira <37463445+SpecialAro@users.noreply.github.com>
Date: Sat, 25 Jun 2022 01:22:27 +0100
Subject: Fix service labels styling (#356)

---
 src/components/settings/settings/EditSettingsForm.js | 2 +-
 src/styles/tabs.scss                                 | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js
index ce090ea99..d7196caa8 100644
--- a/src/components/settings/settings/EditSettingsForm.js
+++ b/src/components/settings/settings/EditSettingsForm.js
@@ -994,7 +994,7 @@ class EditSettingsForm extends Component {
                 )}
                 <p className="settings__message">
                   <Icon icon={mdiGithub} />
-                  Ferdium is based on{' '}
+                  {' '}Ferdium is based on{' '}
                   <a
                     href={`${GITHUB_FRANZ_URL}/franz`}
                     target="_blank"
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss
index ce843520a..f2b7235d7 100644
--- a/src/styles/tabs.scss
+++ b/src/styles/tabs.scss
@@ -31,10 +31,10 @@
   align-items: center;
   display: flex;
   height: 65px;
-  justify-content: center;
+  justify-content: space-evenly;
   min-height: 50px;
   position: relative;
-  flex-wrap: wrap;
+  flex-direction: column;
   @media (prefers-reduced-motion: no-preference) {
     transition: background $theme-transition-time;
   }
@@ -63,9 +63,7 @@
 
   .tab-item__label {
     display: flex;
-    position: relative;
     font-size: 11px;
-    justify-content: center;
   }
 
   &.is-disabled .tab-item__icon {
-- 
cgit v1.2.3-54-g00ecf