From acea76b45070383552ac3ced73fb9a5ee5d3bf16 Mon Sep 17 00:00:00 2001
From: MrTimscampi <julien.machiels@protonmail.com>
Date: Wed, 4 Mar 2020 20:37:22 +0100
Subject: [PATCH] Fix tabs hopping

---
 src/assets/css/librarybrowser.css      | 2 +-
 src/components/emby-tabs/emby-tabs.css | 4 ++--
 src/themes/dark/theme.css              | 8 --------
 3 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css
index d268ca87ee..67afef2376 100644
--- a/src/assets/css/librarybrowser.css
+++ b/src/assets/css/librarybrowser.css
@@ -854,7 +854,7 @@ div.itemDetailGalleryLink.defaultCardBackground {
         width: auto;
         align-items: center;
         justify-content: center;
-        margin-top: -4.3em;
+        margin-top: -4.2em;
         position: relative;
     }
 
diff --git a/src/components/emby-tabs/emby-tabs.css b/src/components/emby-tabs/emby-tabs.css
index 733a05fb0b..355f904cb8 100644
--- a/src/components/emby-tabs/emby-tabs.css
+++ b/src/components/emby-tabs/emby-tabs.css
@@ -13,11 +13,11 @@
     vertical-align: middle;
     flex-shrink: 0;
     margin: 0;
-    padding: 1.5em;
+    padding: 1.5em 1.5em;
     position: relative;
     height: auto;
     min-width: initial;
-    line-height: initial;
+    line-height: 1.25;
     border-radius: 0;
     overflow: hidden;
     font-weight: 600;
diff --git a/src/themes/dark/theme.css b/src/themes/dark/theme.css
index 41af2c32d3..4363be991b 100644
--- a/src/themes/dark/theme.css
+++ b/src/themes/dark/theme.css
@@ -327,14 +327,6 @@ html {
 
 .emby-tab-button-active {
     color: #fff;
-    border-bottom: 2px solid #fff;
-    padding-top: 1.55em;
-    padding-bottom: 1.38em;
-}
-
-.layout-mobile .emby-tab-button-active {
-    padding-top: 1.56em; /* Add one pixel to get a better fit in mobile layout */
-    padding-bottom: 1.38em;
 }
 
 .emby-tab-button.show-focus:focus {