- updated camera friendly names and improve camera settings functionality

- bugfixes for plate sizing

src/components/SightingsWidget/SightingWidget.tsx

@@ -198,6 +198,7 @@ export default function SightingHistoryWidget({ className, title }: SightingHist
     setSightingModalOpen(false);
     setModalQueue((q) => q.slice(1));
   };
+
   return (
     <>
       <Card className={clsx("overflow-y-auto min-h-[40vh] md:min-h-[60vh] max-h-[80vh] lg:w-[40%] p-4", className)}>
@@ -225,8 +226,13 @@ export default function SightingHistoryWidget({ className, title }: SightingHist
                   onClick={() => onRowClick(obj)}
                 >
                   <div className={`flex items-center gap-3 mt-2 justify-between `}>
-                    <div className={`border p-1 `}>
-                      <img src={obj?.plateUrlColour || BLANK_IMG} height={48} width={200} alt="colour patch" />
+                    <div className={`hidden md:block border p-1 `}>
+                      <img
+                        src={obj?.plateUrlColour || BLANK_IMG}
+                        className="hidden md:block w-[200px] h-[48px]"
+                        style={{ objectFit: "cover" }}
+                        alt="colour patch"
+                      />
                     </div>
                     {isHotListHit && (
                       <img src={HotListImg} alt="hotlistHit" className="h-20 object-contain rounded-md" />