navbar.css: prevent overlapping of elements (#2140)

go-pro-link is overlapping the settings button
Stirling-Tools · Oct 31, 2024 · c5abb47 · c5abb47
1 parent 0e3c9bc
commit c5abb47
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/main/resources/static/css/navbar.css b/src/main/resources/static/css/navbar.css
@@ -329,11 +329,14 @@ span.icon-text::after {
   }
 }
 
- .go-pro-link {
+.go-pro-link {
    position: relative;
    padding: 0.5rem 1rem;
    transition: all 0.3s ease;
- }
+   z-index: 1;
+   display: inline-block;
+   width: auto;
+}
 
 .go-pro-badge {
   display: inline-block;
@@ -350,4 +353,4 @@ span.icon-text::after {
 .go-pro-link:hover .go-pro-badge {
   background-color: #0056b3;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-}
+}