fix circle styling

holoviz · Aug 31, 2024 · e178e16 · e178e16
1 parent 2ab69c2
commit e178e16
Showing 1 changed file with 17 additions and 9 deletions.
diff --git a/holonote/app/panel.py b/holonote/app/panel.py
@@ -112,16 +112,24 @@ def _create_visible_widget(self):
 
     def _update_stylesheet(self):
         self.stylesheet = """
+        option {
+        position: relative;
+        padding-left: 20px;
+        }
+
         option:after {
-          content: "";
-          width: 8px;
-          height: 8px;
-          position: absolute;
-          border-radius: 50%;
-          left: 1px;
-          border: 1px solid black;
-          opacity: 0.5;
-        }"""
+        content: "";
+        width: 8px;
+        height: 8px;
+        position: absolute;
+        border-radius: 50%;
+        left: 5px;
+        top: 50%; /* Align vertically */
+        transform: translateY(-50%); /* Align vertically */
+        border: 1px solid black;
+        opacity: 0.60;
+        }
+        """
         for _, (option, color) in enumerate(sorted(self.colormap.items())):
             self.stylesheet += f"""
         option[value="{option}"]:after {{