Updated apartment locations to stand out mor

map/app/public/css/modules/apartment-marker.css

@@ -0,0 +1,34 @@
+/* Custom styles for multi-unit (apartment) markers */
+.multi-unit-marker {
+    border-radius: 0; /* Makes it square */
+    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
+    border: 2px solid white;
+    transition: transform 0.1s ease-in-out, width 0.1s ease-in-out, height 0.1s ease-in-out;
+}
+
+.apartment-marker {
+    width: 100%;
+    height: 100%;
+    border-radius: 0; /* Square shape */
+}
+
+/* Style for when a marker is being moved */
+.multi-unit-marker.moving .apartment-marker {
+    animation: pulse-marker 1.5s infinite;
+    border-radius: 0;
+}
+
+@keyframes pulse-marker {
+    0% {
+        transform: scale(1);
+        box-shadow: 0 0 0 0 rgba(255, 120, 0, 0.7);
+    }
+    70% {
+        transform: scale(1.2);
+        box-shadow: 0 0 0 10px rgba(255, 120, 0, 0);
+    }
+    100% {
+        transform: scale(1);
+        box-shadow: 0 0 0 0 rgba(255, 120, 0, 0);
+    }
+}

map/app/public/css/style.css

@@ -14,3 +14,4 @@
 @import url("modules/print.css");
 @import url("modules/cache-busting.css");
 @import url("modules/apartment-popup.css");
+@import url("modules/apartment-marker.css");