Merge pull request #1106 from Smadden00/Smadden00/1019-fix-card-padding

Fix: #1019 fix-card-padding

Author: CodeWritingCow

src/app/globals.css

@@ -4,23 +4,26 @@
 
 @font-face {
   font-family: 'HK Grotesk';
-  src: url('/fonts/hkgrotesk-bold-webfont.woff2') format('woff2'),
+  src:
+    url('/fonts/hkgrotesk-bold-webfont.woff2') format('woff2'),
     url('/fonts/hkgrotesk-bold-webfont.woff') format('woff');
   font-weight: bold;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'HK Grotesk';
-  src: url('/fonts/hkgrotesk-extrabold-webfont.woff2') format('woff2'),
+  src:
+    url('/fonts/hkgrotesk-extrabold-webfont.woff2') format('woff2'),
     url('/fonts/hkgrotesk-extrabold-webfont.woff') format('woff');
   font-weight: 800;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'HK Grotesk';
-  src: url('/fonts/hkgrotesk-regular-webfont.woff2') format('woff2'),
+  src:
+    url('/fonts/hkgrotesk-regular-webfont.woff2') format('woff2'),
     url('/fonts/hkgrotesk-regular-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;

src/components/PropertyCard.tsx

@@ -36,7 +36,7 @@ const PropertyCard = ({ feature, setSelectedProperty }: PropertyCardProps) => {
   };
 
   return (
-    <div className="sm:max-w-sm w-full lg:w-1/2 p-2 max-lg:px-4 max-lg:flex max-lg:justify-center max-lg:mx-auto">
+    <div className="sm:max-w-sm w-full lg:w-1/2 max-lg:px-4 max-lg:flex max-lg:justify-center max-lg:mx-auto">
       <div
         className="cursor-pointer max-w-sm w-full h-full"
         onClick={handleClick}

src/components/SidePanel.tsx

@@ -28,7 +28,7 @@ const SidePanel: FC<SidePanelProps> = ({
     <div
       role="region"
       aria-label="results sidepanel"
-      className={`min-h-[calc(100svh-101px)] max-h-[calc(100svh-101px)] h-full transition-all duration-300 overflow-y-scroll side-panel-container bg-white flex flex-col ${
+      className={`min-h-[calc(100svh-101px)] max-h-[calc(100svh-101px)] h-full transition-all duration-300 overflow-y-scroll side-panel-container bg-white flex flex-col pl-2 pr-2 ${
         expanded ? 'w-5/12' : 'w-0'
       } bg-white max-sm:w-full ${isVisible}`}
       ref={panelRef}