make css selectors specific to the tabset (otherwise navbar stuff gets selected)

Author: wvictor14

03_labour_main.qmd

@@ -13,42 +13,34 @@ include-in-header:
           grid-gap: 0;
           grid-template-columns: 15% 85%;
       }
-
       .panel-tabset-tabby {
           border: none !important;
           text-align: right;
       }
-
-      h3 {
-          margin-top: 0;
-      }
-
-      .nav-tabs {
+      .panel-tabset .nav-tabs {
           display: flex !important;
           flex-direction: column !important;
           flex-wrap: nowrap !important;
           border: solid transparent !important;
       }
-      .nav-tabs .nav-link:hover {
+      .panel-tabset .nav-tabs .nav-link:hover {
           text-decoration: underline !important;
           border: solid transparent !important;
       }
-
-      .nav-item {
+      .panel-tabset .nav-item {
           display: block !important;
           width: 100% !important;
           margin-bottom: 0 !important;
           flex: none !important;
       }
-
-      .nav-link {
+      .panel-tabset .nav-link {
           font-size: 0.75rem !important;
           text-align: right !important;
           padding: 0 2px;
           margin: 0 1px !important;
           line-height: normal !important;
       }
-      .tab-content {
+      .panel-tabset .tab-content {
         border: none;
       }