Small ui fix

P7-AIS · Nov 5, 2024 · 253a236 · 253a236
1 parent e1bb451
commit 253a236
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/monitoringMenu.tsx b/src/components/monitoringMenu.tsx
@@ -46,7 +46,7 @@ export default function MonitoringMenu({ monitoredVessels, zoomToVessel }: IMoni
       <button
         title="Show/hide list of monitored vessels"
         onClick={() => setIsCollapsed(!isCollapsed)}
-        className="w-full flex flex-cols items-center justify-center bottom-0 mt-4"
+        className={`w-full flex flex-cols items-center justify-center bottom-0 ${!isCollapsed && "mt-4"}`}
       >
         {isCollapsed ? <ChevronSVG rotate={180} /> : <ChevronSVG />}
       </button>

diff --git a/src/components/vesselDetailsBox.tsx b/src/components/vesselDetailsBox.tsx
@@ -114,7 +114,7 @@ export default function VesselDetailsBox() {
             <button
               title="Hide/show vessel details"
               onClick={() => setIsCollapsed(!isCollapsed)}
-              className="w-full flex flex-cols items-center justify-center bottom-0 mt-4"
+              className={`w-full flex flex-cols items-center justify-center bottom-0 ${!isCollapsed && "mt-4"}`}
             >
               {isCollapsed ? <ChevronSVG rotate={180} /> : <ChevronSVG />}
             </button>

diff --git a/src/svgs/chevronSVG.tsx b/src/svgs/chevronSVG.tsx
@@ -9,7 +9,7 @@ export default function ChevronSVG({ width, height, rotate }: IChevronProps) {
   height = height ? height : 30
   rotate = rotate ? rotate : 0
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" style={{ transform: `rotate(${rotate}deg)` }} height={height} viewBox="0 -960 960 960" width={width} fill="currentColor">
+    <svg className="-my-2" xmlns="http://www.w3.org/2000/svg" style={{ transform: `rotate(${rotate}deg)` }} height={height} viewBox="0 -960 960 960" width={width} fill="currentColor">
       <path d="M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z" />
     </svg>
   )