From 40c25caeff4de8892ff2568c7c16f79395fb8afb Mon Sep 17 00:00:00 2001
From: "ahmed.mujtaba" <ahmed.mujtaba@utopiabrands.com>
Date: Fri, 4 Sep 2026 19:24:13 +0500
Subject: [PATCH] frontend bar

---
 frontend/src/screens/Settings.jsx | 34 ++++++++++---------------------
 frontend/src/styles/styles.css    | 16 +++------------
 2 files changed, 14 insertions(+), 36 deletions(-)

diff --git a/frontend/src/screens/Settings.jsx b/frontend/src/screens/Settings.jsx
index 4a3e01a..1c564b1 100644
--- a/frontend/src/screens/Settings.jsx
+++ b/frontend/src/screens/Settings.jsx
@@ -37,11 +37,7 @@ function humaniseSlug(slug) {
 const TABS = [
   'General', 'Users', 'Approvals', 'Permissions', 'Notifications',
   'Email Templates', 'Career Portal', 'Branding', 'Security', 'Appearance',
-]
-
-const EXCLUSION_TABS = [
-  'Excluding Universities',
-  'Excluding Companies',
+  'Excluding Universities', 'Excluding Companies',
 ]
 
 const ORG_TABS = new Set(['General', 'Notifications', 'Career Portal', 'Branding', 'Security'])
@@ -144,24 +140,16 @@ export default function Settings() {
         )}
       />
 
-      <div className="settings-tabs">
-        <Tabs
-          value={tab}
-          onChange={setTab}
-          className="tabs settings-tabs-primary"
-          tabs={TABS.map((t) => ({
-            key: t,
-            label: t,
-            count: t === 'Approvals' && pendingCount ? pendingCount : undefined,
-          }))}
-        />
-        <Tabs
-          value={tab}
-          onChange={setTab}
-          className="tabs settings-tabs-exclude"
-          tabs={EXCLUSION_TABS.map((t) => ({ key: t, label: t }))}
-        />
-      </div>
+      <Tabs
+        value={tab}
+        onChange={setTab}
+        className="tabs settings-tabs"
+        tabs={TABS.map((t) => ({
+          key: t,
+          label: t,
+          count: t === 'Approvals' && pendingCount ? pendingCount : undefined,
+        }))}
+      />
 
       <div className="tab-pane active">
         {tab === 'General' && <General registerSave={(fn) => { saveRef.current = fn }} />}
diff --git a/frontend/src/styles/styles.css b/frontend/src/styles/styles.css
index 5baa629..8feaef6 100644
--- a/frontend/src/styles/styles.css
+++ b/frontend/src/styles/styles.css
@@ -1798,22 +1798,12 @@ canvas { width: 100%; max-width: 100%; display: block; }
    ten tabs do not fit the 860px profile modal. */
 .tabs-wrap { flex-wrap: wrap; overflow-x: visible; }
 
-/* Settings: keep exclusion tabs on their own full-width bar, grouped left
-   with a wider hit area so they no longer wrap as a leftover second row. */
-.settings-tabs { margin-bottom: var(--space-5); }
-.settings-tabs-primary { margin-bottom: 0; }
-.settings-tabs-exclude {
-  margin-bottom: 0;
-  justify-content: flex-start;
+/* Settings: keep every tab on a single row; scroll sideways instead of wrapping
+   so Excluding Companies does not drop onto its own leftover bar. */
+.settings-tabs {
   flex-wrap: nowrap;
   overflow-x: auto;
 }
-.settings-tabs-exclude .tab {
-  min-width: 240px;
-  justify-content: center;
-  padding-left: 28px;
-  padding-right: 28px;
-}
 
 /* Full-page candidate profile (/candidate/:userId).
    The page centers itself with a generous cap so ultrawide monitors don't get