website_next: part 9

website_next/legend/style.css

@@ -9,6 +9,10 @@
     overflow-x: auto;
   }
 
+  &[data-legend-tight] {
+    padding-block: 0 0.25rem;
+  }
+
   &[data-legend-fill] {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(8.5ch, 1fr));
@@ -30,6 +34,7 @@
       overflow-wrap: anywhere;
     }
   }
+
 }
 
 [data-legend-item] {
@@ -86,6 +91,7 @@
     display: block;
     color: var(--color);
     text-align: left;
+    white-space: nowrap;
 
     &::before {
       content: "";