fixed styling to tab on manage permission

bcgov · Dec 12, 2023 · 4c00dc2 · 4c00dc2
1 parent 3402e35
commit 4c00dc2
Showing 1 changed file with 13 additions and 12 deletions.
diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
@@ -1144,23 +1144,23 @@ label {
 
 /* ------------------------------------ tabView ----------------------------- */
 
+.#{variables.$primevue-prefix}-tabview {
+    margin-top: 1.5rem;
+}
+
 .#{variables.$primevue-prefix}-tabview
 .#{variables.$primevue-prefix}-tabview-panels {
     padding: 0;
     background-color: transparent;
     z-index: 1;
-}
-
-.#{variables.$primevue-prefix}-tabview
-.#{variables.$primevue-prefix}-tabview-panel {
-    margin-top: 2.5rem;
+    margin-top: 2.62rem;
 }
 
 .#{variables.$primevue-prefix}-tabview
 .#{variables.$primevue-prefix}-tabview-nav {
     border: none;
     position: absolute;
-    margin: 0 2.5rem 0rem;
+    margin: 0.112rem 2.55rem 0rem;
 }
 
 .#{variables.$primevue-prefix}-tabview
@@ -1170,12 +1170,6 @@ label {
     display: flex;
 }
 
-.#{variables.$primevue-prefix}-tabview
-.#{variables.$primevue-prefix}-tabview-nav-link
-.#{variables.$primevue-prefix}-tabview-title {
-    font-size: 0.875rem;
-}
-
 .#{variables.$primevue-prefix}-tabview
 .#{variables.$primevue-prefix}-tabview-nav
 .#{variables.$primevue-prefix}-tabview-header
@@ -1192,6 +1186,12 @@ label {
     border-right: none;
 }
 
+.#{variables.$primevue-prefix}-tabview
+.#{variables.$primevue-prefix}-tabview-nav-link
+.#{variables.$primevue-prefix}-tabview-title {
+    font-size: 0.875rem;
+}
+
 .#{variables.$primevue-prefix}-tabview
 .#{variables.$primevue-prefix}-tabview-nav
 .#{variables.$primevue-prefix}-tabview-header:first-child
@@ -1204,6 +1204,7 @@ label {
 .#{variables.$primevue-prefix}-tabview-header:nth-last-child(2)
 .#{variables.$primevue-prefix}-tabview-nav-link {
     border-top-right-radius: 0.25rem;
+    border-top-left-radius: 0;
     border-right: solid 0.0625rem map.get(lightTheme.$light-theme, 'border-subtle-00');
     border-left: none;
 }