style: give more distinction to the filter text

agrc · Jun 5, 2023 · 6e126a2 · 6e126a2
1 parent 7a548b7
commit 6e126a2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/search-wizard/Progress.jsx b/src/components/search-wizard/Progress.jsx
@@ -7,6 +7,7 @@ import Tooltip from '../../utah-design-system/Tooltip';
 export default function Progress({ searchLayers, results }) {
   return (
     <div className="flex-1 p-2">
+      <h3>Search Results</h3>
       <ul>
         {searchLayers.map((config) => {
           const uniqueId = config[fieldNames.queryLayers.uniqueId];
@@ -47,15 +48,16 @@ export default function Progress({ searchLayers, results }) {
               )}
               <span className="leading-5">{layerName}</span>
               {resultConfig?.features ? (
-                <span className="ml-1 rounded-full bg-slate-200 px-2 py-0 text-sm">
+                <span className="ml-1 rounded-full bg-slate-100 px-2 py-0 text-sm">
                   {resultConfig.features.length.toLocaleString()}
                 </span>
               ) : null}
             </li>
           );
         })}
       </ul>
-      <p>Filter: State of Utah</p>
+      <h5>Filter</h5>
+      <span className="rounded-full bg-slate-200 px-2 py-1">State of Utah</span>
     </div>
   );
 }

diff --git a/src/components/search-wizard/SelectMapData.jsx b/src/components/search-wizard/SelectMapData.jsx
@@ -19,7 +19,7 @@ export default function SelectMapData({ queryLayers }) {
 
   return (
     <div className="flex-1 overflow-y-auto px-2">
-      <h3 className="px-2">Select Map Data</h3>
+      <h3 className="pt-2">Select Map Data</h3>
       <AccordionRoot type="multiple">
         {divisions.map((division) => {
           return (