update styles to make markers less prominent

drio · Feb 13, 2025 · b3995c1 · b3995c1
1 parent ca87040
commit b3995c1
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -56,20 +56,26 @@
             margin: auto;
         }
 
-        /* Position markers relative to the image */
         .marker {
             position: absolute;
-            width: 22px;
-            height: 22px;
-            background: red;
+            width: 18px;
+            height: 18px;
+            background: rgba(220, 53, 69, 0.75);
             color: white;
-            font-size: 14px;
+            font-size: 12px;
             font-weight: bold;
             text-align: center;
-            line-height: 22px;
+            line-height: 18px;
             border-radius: 50%;
             cursor: pointer;
             transform: translate(-50%, -50%);
+            transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
+            opacity: 0.8;
+        }
+
+        .marker:hover {
+            opacity: 1;
+            transform: translate(-50%, -50%) scale(1.2);
         }
 
         /* Annotations are always below the image */