diff --git a/client/css/style.css b/client/css/style.css index 440ffb1..c0e2bba 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -754,6 +754,39 @@ input:focus, select:focus { border-color: var(--accent); } color: var(--text); font-variant-numeric: tabular-nums; } +/* The trade-route key, shown under the colour scale in the economic modes. */ +.map-legend-graph { + margin-top: 10px; + border-top: 1px solid var(--panel-border); + padding-top: 8px; +} +.map-legend-resources { + display: flex; + flex-direction: column; + gap: 4px; + font-size: 11px; + color: var(--text); +} +.map-legend-resource { + display: flex; + align-items: center; + gap: 6px; +} +.map-legend-swatch { + width: 16px; + height: 3px; + border-radius: 2px; + flex: none; +} +.map-legend-node { + width: 8px; + height: 8px; + margin: 0 4px; + border-radius: 50%; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.6); + flex: none; +} /* The inspected tile / city panel is anchored to the bottom right. */ #tile-panel { diff --git a/client/index.html b/client/index.html index a9bf023..a2eb631 100644 --- a/client/index.html +++ b/client/index.html @@ -136,6 +136,10 @@ +