Merge pull request #611 from AZBL/AZBL/594-fix-property-list-controls

Fix Property List Controls - 594
CodeForPhilly · May 2, 2024 · 5704e21 · 5704e21
2 parents a5e8a2c + e492af2
commit 5704e21
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/PropertyDetailSection.tsx b/src/components/PropertyDetailSection.tsx
@@ -191,7 +191,7 @@ const PropertyDetailSection: FC<PropertyDetailSectionProps> = ({
     />
   ) : (
     <>
-      <div className="flex flex-wrap flex-grow h-full min-h-[calc(100svh-101px)] max-h-[calc(100svh-101px)]">
+      <div className="flex flex-wrap flex-grow h-full min-h-[calc(100svh-101px)] max-h-[calc(100svh-101px)] mt-2">
         {display === "list" ? (
           <Table
             aria-label="Property Details"

diff --git a/src/components/SidePanelControlBar.tsx b/src/components/SidePanelControlBar.tsx
@@ -71,7 +71,7 @@ const SearchBarComponent: FC<SidePanelControlBarProps> = ({
     <div>{/* Keep empty while loading */}</div>
   ) : (
     <>
-      <div className="flex justify-between items-center bg-white border-b-[1px] border-[#12121215] p-2 h-14">
+      <div className="flex justify-between -mx-6 px-12 top-0 py-4 z-10 bg-white">
         {/* Left-aligned content: Total Properties in View */}
         <ThemeButton
           color="tertiary"
@@ -86,7 +86,7 @@ const SearchBarComponent: FC<SidePanelControlBarProps> = ({
             )
           }
         />
-        <div className="sm:px-4 py-2">
+        <div className="sm:px-4 lg:px-0 py-2">
           <h1 className="body-md">
             <span className="font-bold">
               {shouldFilterSavedProperties
@@ -151,7 +151,7 @@ const SearchBarComponent: FC<SidePanelControlBarProps> = ({
             label={<span className="body-md max-lg:hidden">Download</span>}
             className={`max-md:min-w-[4rem] ${
               smallScreenMode === "map" ? "max-sm:hidden" : ""
-            }`}
+            } px-0`}
           />
         </div>
       </div>