From 01c04974125ddfae97098a912b0d9ec51e98eb79 Mon Sep 17 00:00:00 2001
From: Bryceson Laing <bryceson.laing@datacite.org>
Date: Wed, 9 Oct 2024 14:48:57 -0500
Subject: [PATCH] fixed broken styles for akita

---
 src/stylesheets/doi.scss                      |   5 +-
 src/stylesheets/doi/components/_labels.scss   |  30 ++--
 .../doi/components/_tabs-navs-pagination.scss | 140 ++++++++++--------
 src/stylesheets/doi/globals/_styles.scss      |   3 +
 src/stylesheets/doi/pages/_search.scss        |   1 +
 5 files changed, 98 insertions(+), 81 deletions(-)
 create mode 100644 src/stylesheets/doi/globals/_styles.scss

diff --git a/src/stylesheets/doi.scss b/src/stylesheets/doi.scss
index 12d195b..b044a36 100755
--- a/src/stylesheets/doi.scss
+++ b/src/stylesheets/doi.scss
@@ -99,4 +99,7 @@ Datacite - Bootstrap 5 theme
 @import "doi/pages/stats-portal";
 @import "doi/pages/metadata";
 @import "doi/pages/doi";
-@import "doi/pages/repository-finder"
+@import "doi/pages/repository-finder";
+
+// Styles to fix things broken during the upgrade process
+@import "doi/globals/styles";
diff --git a/src/stylesheets/doi/components/_labels.scss b/src/stylesheets/doi/components/_labels.scss
index e52a229..d36bfcd 100755
--- a/src/stylesheets/doi/components/_labels.scss
+++ b/src/stylesheets/doi/components/_labels.scss
@@ -25,21 +25,21 @@ category: Components
   display: inline-block;
   margin-bottom: 3px;
 }
-// .badge-primary {
-//   background-color: $primary-color;
-// }
-// .badge-info {
-//   background-color: $info-color;
-// }
-// .badge-success {
-//   background-color: $success-color;
-// }
-// .badge-warning {
-//   background-color: $warning-color;
-// }
-// .badge-danger {
-//   background-color: $danger-color;
-// }
+.badge-primary {
+  background-color: $primary-color;
+}
+.badge-info {
+  background-color: $info-color;
+}
+.badge-success {
+  background-color: $success-color;
+}
+.badge-warning {
+  background-color: $warning-color;
+}
+.badge-danger {
+  background-color: $danger-color;
+}
 .badge-allocating {
   color: $darker-gray;
   background-color: $light-blue;
diff --git a/src/stylesheets/doi/components/_tabs-navs-pagination.scss b/src/stylesheets/doi/components/_tabs-navs-pagination.scss
index 830b3fd..d4dc284 100755
--- a/src/stylesheets/doi/components/_tabs-navs-pagination.scss
+++ b/src/stylesheets/doi/components/_tabs-navs-pagination.scss
@@ -4,30 +4,35 @@
 .nav-tabs-member {
     padding-bottom: 0;
     border-bottom: 1px solid $light-gray !important;
+    border-bottom: 1px solid $light-gray !important;
     margin-bottom: 3em;
     margin-left: -10px;
 
-    .nav-link {
+    .nav-item button {
       padding-left: 0;
       margin-left: 10px;
+      // margin-bottom: -2px;
+      border-left: none;
+      border-right: none;
+      border-top: none;
     }
 
     .nav-link.active.doi {
       cursor: pointer;
     }
 
-    a, a:focus, a:hover, .active {
+    button, button:focus, button:hover, .active {
       font-size: $font-size-h3;
     }
-    a {
+    button {
       color: $darker-gray;
       font-weight: bold;
     }
-    a:hover, .active > a:hover {
+    button:hover, .active > button:hover {
       color: $medium-gray;
       font-weight: bold;
     }
-    a:focus, > li > a:focus, .active > a, .active > a:focus, a.active {
+    button:focus, > li > button:focus, .active > button, .active > button:focus, button.active {
       color: $turquoise !important;
     }
 }
@@ -41,7 +46,7 @@
     border-bottom: 1px solid $light-gray;
     margin-bottom: 30px;
 
-    .nav > li > a, .nav-link {
+    .nav > li > button, .nav-link {
         padding-bottom: 20px;
     }
 }
@@ -58,16 +63,16 @@
         font-size: $font-size-base;
         font-weight: $font-weight-bold;
         > li{
-            > a{
+            > button{
                 border: 0 none;
                 color: $other-medium-gray;
             }
-            > a:hover{
+            > button:hover{
                 color: $font-color;
             }
         }
 
-        li.active, a.active {
+        li.active, button.active {
             color: $font-color;
             position: relative;
 
@@ -76,8 +81,13 @@
             border-bottom: 1px solid $light-gray !important;
             //height: 50px;
         }
+            background-color: transparent;
+            border: 0 none;
+            border-bottom: 1px solid $light-gray !important;
+            //height: 50px;
+        }
 
-        a.active:before{
+        button.active:before{
             border-bottom: 11px solid $light-gray;
             border-left: 11px solid rgba(0, 0, 0, 0);
             border-right: 11px solid rgba(0, 0, 0, 0);
@@ -88,7 +98,7 @@
             bottom: 0;
         }
 
-        a.active:after{
+        button.active:after{
             border-bottom: 11px solid $white-color;
             border-left: 11px solid rgba(0, 0, 0, 0);
             border-right: 11px solid rgba(0, 0, 0, 0);
@@ -106,7 +116,7 @@
     > li + li {
         margin-left: 0;
     }
-    > li > a {
+    > li > button {
         border: 2px solid $default-color;
         border-radius: 0;
         color: $default-color;
@@ -115,9 +125,9 @@
         padding: 5px 20px;
 
     }
-    > li.active > a,
-    > li.active > a:hover,
-    > li.active > a:focus {
+    > li.active > button,
+    > li.active > button:hover,
+    > li.active > button:focus {
         background-color: $default-color;
         color: #FFFFFF;
     }
@@ -126,11 +136,11 @@
       background-color: $default-color;
       border: 1px solid white;
     }
-    > li:first-child > a{
+    > li:first-child > button{
         border-radius: 30px 0 0 30px;
         margin: 0;
     }
-    > li:last-child > a{
+    > li:last-child > button{
         border-radius: 0 30px 30px 0;
     }
 
@@ -144,11 +154,11 @@
     }
 }
 
-.pagination > li > a,
+.pagination > li > button,
 .pagination > li > span,
-.pagination > li:first-child > a,
+.pagination > li:first-child > button,
 .pagination > li:first-child > span,
-.pagination > li:last-child > a,
+.pagination > li:last-child > button,
 .pagination > li:last-child > span,
 // .page-item,
 .page-link {
@@ -161,14 +171,14 @@
     min-width: 36px;
     padding: 3px 12px;
 }
-.pagination > li > a:hover,
-.pagination > li > a:focus,
-.pagination > li > a:active,
-.pagination > li.active > a,
+.pagination > li > button:hover,
+.pagination > li > button:focus,
+.pagination > li > button:active,
+.pagination > li.active > button,
 .pagination > li.active > span,
-.pagination > li.active > a:hover,
+.pagination > li.active > button:hover,
 .pagination > li.active > span:hover,
-.pagination > li.active > a:focus,
+.pagination > li.active > button:focus,
 .pagination > li.active > span:focus,
 // .page-item,
 .page-link {
@@ -177,12 +187,12 @@
     color: $white-color;
 }
 
-.nav-pills-primary > li > a,
-.pagination-primary > li > a,
+.nav-pills-primary > li > button,
+.pagination-primary > li > button,
 .pagination-primary > li > span,
-.pagination-primary > li:first-child > a,
+.pagination-primary > li:first-child > button,
 .pagination-primary > li:first-child > span,
-.pagination-primary > li:last-child > a,
+.pagination-primary > li:last-child > button,
 .pagination-primary > li:last-child > span,
 // .page-item,
 .page-link {
@@ -190,17 +200,17 @@
     color: $gray;
 }
 
-.nav-pills-primary > li.active > a,
-.nav-pills-primary > li.active > a:hover,
-.nav-pills-primary > li.active > a:focus,
-.pagination-primary > li > a:hover,
-.pagination-primary > li > a:focus,
-.pagination-primary > li > a:active,
-.pagination-primary > li.active > a,
+.nav-pills-primary > li.active > button,
+.nav-pills-primary > li.active > button:hover,
+.nav-pills-primary > li.active > button:focus,
+.pagination-primary > li > button:hover,
+.pagination-primary > li > button:focus,
+.pagination-primary > li > button:active,
+.pagination-primary > li.active > button,
 .pagination-primary > li.active > span,
-.pagination-primary > li.active > a:hover,
+.pagination-primary > li.active > button:hover,
 .pagination-primary > li.active > span:hover,
-.pagination-primary > li.active > a:focus,
+.pagination-primary > li.active > button:focus,
 .pagination-primary > li.active > span:focus,
 // .page-item,
 .page-link {
@@ -209,12 +219,12 @@
    color: $white-color;
 }
 
-.nav-pills-info > li > a,
-.pagination-info > li > a,
+.nav-pills-info > li > button,
+.pagination-info > li > button,
 .pagination-info > li > span,
-.pagination-info > li:first-child > a,
+.pagination-info > li:first-child > button,
 .pagination-info > li:first-child > span,
-.pagination-info > li:last-child > a,
+.pagination-info > li:last-child > button,
 .pagination-info > li:last-child > span,
 // .page-item,
 .page-link {
@@ -222,17 +232,17 @@
     color: $info-color;
 }
 
-.nav-pills-info > li.active > a,
-.nav-pills-info > li.active > a:hover,
-.nav-pills-info > li.active > a:focus,
-.pagination-info > li > a:hover,
-.pagination-info > li > a:focus,
-.pagination-info > li > a:active,
-.pagination-info > li.active > a,
+.nav-pills-info > li.active > button,
+.nav-pills-info > li.active > button:hover,
+.nav-pills-info > li.active > button:focus,
+.pagination-info > li > button:hover,
+.pagination-info > li > button:focus,
+.pagination-info > li > button:active,
+.pagination-info > li.active > button,
 .pagination-info > li.active > span,
-.pagination-info > li.active > a:hover,
+.pagination-info > li.active > button:hover,
 .pagination-info > li.active > span:hover,
-.pagination-info > li.active > a:focus,
+.pagination-info > li.active > button:focus,
 .pagination-info > li.active > span:focus,
 // .page-item,
 .page-link {
@@ -241,12 +251,12 @@
    color: $white-color;
 }
 
-.nav-pills-success > li > a,
-.pagination-success > li > a,
+.nav-pills-success > li > button,
+.pagination-success > li > button,
 .pagination-success > li > span,
-.pagination-success > li:first-child > a,
+.pagination-success > li:first-child > button,
 .pagination-success > li:first-child > span,
-.pagination-success > li:last-child > a,
+.pagination-success > li:last-child > button,
 .pagination-success > li:last-child > span,
 // .page-item,
 .page-link {
@@ -254,17 +264,17 @@
     color: $success-color;
 }
 
-.nav-pills-success > li.active > a,
-.nav-pills-success > li.active > a:hover,
-.nav-pills-success > li.active > a:focus,
-.pagination-success > li > a:hover,
-.pagination-success > li > a:focus,
-.pagination-success > li > a:active,
-.pagination-success > li.active > a,
+.nav-pills-success > li.active > button,
+.nav-pills-success > li.active > button:hover,
+.nav-pills-success > li.active > button:focus,
+.pagination-success > li > button:hover,
+.pagination-success > li > button:focus,
+.pagination-success > li > button:active,
+.pagination-success > li.active > button,
 .pagination-success > li.active > span,
-.pagination-success > li.active > a:hover,
+.pagination-success > li.active > button:hover,
 .pagination-success > li.active > span:hover,
-.pagination-success > li.active > a:focus,
+.pagination-success > li.active > button:focus,
 .pagination-success > li.active > span:focus,
 // .page-item,
 .page-link {
diff --git a/src/stylesheets/doi/globals/_styles.scss b/src/stylesheets/doi/globals/_styles.scss
new file mode 100644
index 0000000..d9fa70f
--- /dev/null
+++ b/src/stylesheets/doi/globals/_styles.scss
@@ -0,0 +1,3 @@
+a {
+  text-decoration:  none
+}
diff --git a/src/stylesheets/doi/pages/_search.scss b/src/stylesheets/doi/pages/_search.scss
index 920c14a..c0ac79c 100755
--- a/src/stylesheets/doi/pages/_search.scss
+++ b/src/stylesheets/doi/pages/_search.scss
@@ -7,6 +7,7 @@ h3.member-results, h3.provider-results, h3.user-results, h3.doi-results, h3.work
   color: $turquoise;
   border-bottom: 1px solid $medium-gray;
   padding: 0;
+  margin: 0 0 .35em 0;
 
   .small { font-size: $font-size-base; }
 }