started redesign on dashbaord. changed vite basename to /Mobile, currently folkstone address

src/components/SightingsWidget/SightingWidget.tsx

@@ -32,7 +32,7 @@ type SightingHistoryProps = {
   pollMs?: number;
   autoSelectLatest?: boolean;
   title: string;
-  className: string;
+  className?: string;
 };
 
 export default function SightingHistoryWidget({
@@ -113,7 +113,12 @@ export default function SightingHistoryWidget({
   };
   return (
     <>
-      <Card className={clsx("overflow-y-auto h-100", className)}>
+      <Card
+        className={clsx(
+          "overflow-y-auto min-h-[40vh] md:min-h-[60vh] max-h-[80vh] lg:w-[40%]",
+          className
+        )}
+      >
         <CardHeader title={title} />
         <div className="flex flex-col gap-3 ">
           {/* Rows */}