adjust checkbox

mozilla · Jan 9, 2025 · 6e209d3 · 6e209d3
1 parent cd55a1c
commit 6e209d3
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/kitsune/sumo/static/sumo/scss/layout/_products.scss b/kitsune/sumo/static/sumo/scss/layout/_products.scss
@@ -68,14 +68,23 @@
 
   .topic-header {
     display: flex;
-    align-items: center;  // Ensures vertical alignment
+    align-items: center;
     gap: 16px;
     margin-bottom: 16px;
 
     input[type="checkbox"] {
-      margin: 0;
-      transform: scale(1.2); // Increase size slightly for better visibility
-      background-color: #808080;
+      flex: 0 0 18px;
+      width: 18px;
+      height: 18px;
+      appearance: none;
+      -webkit-appearance: none;
+      background-color: #CCCCCC;
+      border: none;
+      border-radius: 2px;
+
+      &:checked {
+        background-color: #CCCCCC;
+      }
     }
 
     h3 {