diff --git "a/precomputed/example_visualization.html" "b/precomputed/example_visualization.html" --- "a/precomputed/example_visualization.html" +++ "b/precomputed/example_visualization.html" @@ -31,14 +31,31 @@ } .legend { display: flex; - gap: 15px; + flex-direction: column; + gap: 6px; margin-top: 10px; } + .legend-row { + display: flex; + gap: 15px; + align-items: center; + flex-wrap: wrap; + } .legend-item { display: flex; align-items: center; gap: 5px; } + .legend-toggle label { + display: inline-flex; + align-items: center; + gap: 4px; + color: #c8c8c8; + font-size: 12px; + } + .legend-toggle input[type="radio"] { + margin: 0 2px 0 6px; + } .legend-box { width: 20px; height: 12px; @@ -269,28 +286,37 @@