From dc13e032ea3c308185becdb2cd2444e126ae7145 Mon Sep 17 00:00:00 2001
From: André Oliveira <37463445+SpecialAro@users.noreply.github.com>
Date: Mon, 13 Jun 2022 18:01:27 +0100
Subject: Fix service labels cut off when using Slim Sidebar (#245)

fix #232
---
 src/features/appearance/index.ts | 6 ++++++
 src/styles/tabs.scss             | 8 +++-----
 2 files changed, 9 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/features/appearance/index.ts b/src/features/appearance/index.ts
index 5b005586e..7562475a6 100644
--- a/src/features/appearance/index.ts
+++ b/src/features/appearance/index.ts
@@ -230,6 +230,12 @@ function generateServiceRibbonWidthStyle(
       width: ${minimumAdjustedIconSize}px !important;
       ${useGrayscaleServices ? graysacleServices : null},
     }
+    .tab-item .tab-item__label {
+      margin-left: 0px !important;
+    }
+    .tab-item.is-label-enabled {
+      padding-bottom: 0px !important;
+    }
     .sidebar__button {
       font-size: ${width / 3}px !important;
     }
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss
index fbff544ed..b910b0760 100644
--- a/src/styles/tabs.scss
+++ b/src/styles/tabs.scss
@@ -64,12 +64,10 @@
   }
 
   .tab-item__label {
-    display: block;
-    margin-top: 6px;
+    display: flex;
+    position: relative;
     font-size: 11px;
-    padding-left: 4px;
-    padding-right: 4px;
-    line-height: 13px;
+    justify-content: center;
   }
 
   &.is-disabled .tab-item__icon {
-- 
cgit v1.2.3-54-g00ecf