From ae841b2dc6fb75593cc281be8d60a63c6bdbc450 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 9 Apr 2024 21:38:24 +0300
Subject: [PATCH] feat(management-tabs): responsive tabs with options

---
 src/pages/ValidatorManagement/ManagementTabs.tsx     |  2 ++
 .../validatorManagement.module.css                   | 12 +++++-------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/ValidatorManagement/ManagementTabs.tsx b/src/pages/ValidatorManagement/ManagementTabs.tsx
index 8d4e043a..082bf968 100644
--- a/src/pages/ValidatorManagement/ManagementTabs.tsx
+++ b/src/pages/ValidatorManagement/ManagementTabs.tsx
@@ -93,6 +93,8 @@ const ManagementTabs = () => {
             className="transparent-scrollbar"
             style={{
               cursor: 'pointer',
+              display: 'flex',
+              width: '100%',
               overflowX: 'auto',
               whiteSpace: 'nowrap',
             }}
diff --git a/src/pages/ValidatorManagement/validatorManagement.module.css b/src/pages/ValidatorManagement/validatorManagement.module.css
index 5839a3bb..c926cf47 100644
--- a/src/pages/ValidatorManagement/validatorManagement.module.css
+++ b/src/pages/ValidatorManagement/validatorManagement.module.css
@@ -28,17 +28,15 @@
   padding: 8px 16px;
 }
 
-@media (max-width: 600px) {
-  .tabs {
-    overflow-x: auto;
-    overflow-y: none;
-  }
-}
-
 @media (max-width: 600px) {
   .cards {
     flex-direction: column;
   }
+
+  .tabs-settings-container {
+    flex-direction: column;
+    align-items: flex-start;
+  }
 }
 
 /* Hide Effectiveness */