MALIN-635 fix: tab styling

miljodir · Jan 16, 2024 · fc50e71 · fc50e71
1 parent 7281c3f
commit fc50e71
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/css/src/tabs/tabs.css b/packages/css/src/tabs/tabs.css
@@ -20,12 +20,10 @@
 .md-tabs-container ul li .md-tabs-button {
   font-size: 1em;
   font-weight: 400;
-  padding: 13px 24px 13px 24px;
+  padding: 13px 24px 12px 24px;
   border: 0;
   background-color: transparent;
   border-bottom: 1px solid var(--mdGreyColor80);
-  transition: border 0.1s linear, background 0.1s linear, margin 0.1s linear;
-  margin-bottom: 3px;
 }
 
 .md-tabs-container ul li .md-tabs-button.md-tabs-button--disabled {
@@ -36,17 +34,17 @@
 
 .md-tabs-container ul li .md-tabs-button.md-tabs-button--selected {
   font-weight: 600;
+  padding: 13px 24px 9px 24px;
   border-bottom: 4px solid var(--mdPrimaryColor80);
-  margin-bottom: 0px;
 }
-
 .md-tabs-container ul li .md-tabs-button:not(.md-tabs-button--disabled):hover {
   background-color: var(--mdPrimaryColor20);
   cursor: pointer;
 }
 
 .md-tabs-container ul li .md-tabs-button:not(.md-tabs-button--disabled):focus {
   outline: 2px solid var(--mdPrimaryColor);
+  outline-offset: -2px;
   background-color: var(--mdPrimaryColor20);
   cursor: pointer;
 }