From e3b5dfd0c0c6a16744f52f19bcc5b40f6b2c0cb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Weber?= <mail@soeren-weber.de>
Date: Sun, 29 May 2022 23:22:15 +0200
Subject: [PATCH] tabs: remove side effects caused by button style #240

---
 layouts/shortcodes/tabs.html |  2 +-
 static/css/tabs.css          | 15 ++++++++++-----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/layouts/shortcodes/tabs.html b/layouts/shortcodes/tabs.html
index e39cd20938..d7be76d629 100644
--- a/layouts/shortcodes/tabs.html
+++ b/layouts/shortcodes/tabs.html
@@ -6,7 +6,7 @@
     <button
       data-tab-item="{{ .name }}"
       data-tab-group="{{ $groupId }}"
-      class="tab-nav-button btn {{ cond (eq $idx 0) "active" ""}}"
+      class="tab-nav-button {{ cond (eq $idx 0) "active" ""}}"
       onclick="switchTab('{{ $groupId }}','{{ .name }}')"
       ><span>{{ .name }}</span></button>
   {{- end }}
diff --git a/static/css/tabs.css b/static/css/tabs.css
index 11babb6deb..8a6e3d5815 100644
--- a/static/css/tabs.css
+++ b/static/css/tabs.css
@@ -1,21 +1,26 @@
 #body .tab-nav-button {
-    background-color: rgba( 134, 134, 134, .166 ) !important;
-    border-color: rgba( 134, 134, 134, .333 ) !important;
-    border-radius: 4px 4px 0 0 !important;
-    border-width: 1px 1px 1px 1px !important;
+    background-color: rgba( 134, 134, 134, .166 );
+    border-color: rgba( 134, 134, 134, .333 );
+    border-radius: 4px 4px 0 0;
+    border-style: solid;
+    border-width: 1px;
     bottom: -1px;
 	-webkit-print-color-adjust: exact;
 	color-adjust: exact;
     display: block;
     float: left;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 1.42857143;
     margin-left: 4px;
+    padding: 6px 12px;
     position: relative;
 }
 #body .tab-nav-button:first-child {
     margin-left: 9px;
 }
 #body .tab-nav-button:not(.active) {
-    border-bottom-color: rgba( 134, 134, 134, .1 ) !important;
+    border-bottom-color: rgba( 134, 134, 134, .1 );
     margin-top: 7px;
     padding-bottom: 2px !important;
     padding-top: 2px !important;