Merge pull request 'frontend bar' (#72) from SQS_BROKER into main

Reviewed-on: #72

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 }} />}

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