Merge pull request #20761 from calixteman/tweak_dims

Tweak few elements: dimensions and the checkbox color in the new sidebar

Author: timvandermeij

web/views_manager.css

@@ -549,7 +549,7 @@
       align-items: center;
       justify-content: space-evenly;
       padding: 20px 32px;
-      gap: 20px;
+      gap: 44px;
       width: 100%;
       box-sizing: border-box;
       position: relative;
@@ -610,12 +610,15 @@
       }
 
       > .thumbnail {
+        --input-dim: 16px;
+        --gap-between-input-and-thumbnail: 16px;
+
         display: inline-flex;
-        justify-content: center;
+        justify-content: flex-end;
         align-items: center;
         flex-direction: row-reverse;
-        gap: 16px;
-        width: auto;
+        gap: var(--gap-between-input-and-thumbnail);
+        width: 190px;
         height: auto;
         position: relative;
         scroll-margin-top: 20px;
@@ -663,6 +666,9 @@
 
         > input {
           margin: 0;
+          width: var(--input-dim);
+          height: var(--input-dim);
+          accent-color: var(--indicator-color);
         }
 
         > .thumbnailImageContainer {