From 56abd5e89ee3cb3132857a9fff55c365ed1f438a Mon Sep 17 00:00:00 2001
From: David Callizaya <davidcallizaya@gmail.com>
Date: Wed, 6 Mar 2024 09:08:33 -0400
Subject: [PATCH] Add specific class for nav no wrap

---
 src/assets/css/tabs.css    | 4 +++-
 src/components/TabsBar.vue | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/tabs.css b/src/assets/css/tabs.css
index 3c15ade72..52908505f 100644
--- a/src/assets/css/tabs.css
+++ b/src/assets/css/tabs.css
@@ -10,10 +10,12 @@
   /* Override Bootstrap default tab styles */
   .nav-tabs {
     border-bottom: 1px solid var(--tabs-border) !important;
+  }
+  .nav-tabs-nowrap {
     flex-wrap: nowrap !important;
     overflow: hidden !important;
   }
-  
+
   .nav-tabs .nav-item .nav-link {
     display: flex;
     align-items: center;
diff --git a/src/components/TabsBar.vue b/src/components/TabsBar.vue
index bfbd9cd51..f71563c4c 100644
--- a/src/components/TabsBar.vue
+++ b/src/components/TabsBar.vue
@@ -4,6 +4,7 @@
     v-model="activeTab"
     class="h-100 w-100 flat-tabs"
     content-class="h-tab"
+    nav-class="nav-tabs-nowrap"
     lazy
     @changed="tabsUpdated"
     @input="tabOpened"