feat: enhance styling of ScopeFilterBar and ScopeList components for improved UI

bra-i-am · bra-i-am · commit a9269c980413 · 2026-04-16T14:51:04.000-05:00
diff --git a/src/authz-module/wizard/ScopeFilterBar.tsx b/src/authz-module/wizard/ScopeFilterBar.tsx
@@ -75,7 +75,7 @@ const ScopeFilterBar = ({
       </div>
 
       {contextType && (
-        <Stack direction="horizontal" gap={2} className="align-items-center">
+        <Stack direction="horizontal" gap={2} className="align-items-center mt-3">
           <span className="text-muted small">Filter applied:</span>
           <Badge className="py-1 px-2" variant="light">
             {contextLabel}
diff --git a/src/authz-module/wizard/ScopeList.tsx b/src/authz-module/wizard/ScopeList.tsx
@@ -147,7 +147,7 @@ const ScopeList = ({
 
   return (
     <div
-      className="scope-list border rounded p-3"
+      className="scope-list border rounded p-3 bg-light-100"
       style={{ maxHeight: '500px', overflowY: 'auto' }}
     >
       {isLoading ? (

Original file line number	Diff line number	Diff line change
`@@ -147,7 +147,7 @@ const ScopeList = ({`
`147`	`147`
`148`	`148`	`return (`
`149`	`149`	`<div`
`150`		`- className="scope-list border rounded p-3"`
	`150`	`+ className="scope-list border rounded p-3 bg-light-100"`
`151`	`151`	`style={{ maxHeight: '500px', overflowY: 'auto' }}`
`152`	`152`	`>`
`153`	`153`	`{isLoading ? (`