diff --git a/static/style.css b/static/style.css index 42f26cf..453340d 100644 --- a/static/style.css +++ b/static/style.css @@ -250,6 +250,11 @@ dl.props dd { margin: 0; overflow-wrap: anywhere; white-space: pre-line; } .viewer-frame iframe { display: block; width: 100%; height: 100%; border: 0; } .kaart-frame { height: 520px; max-height: 75vh; border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; background: var(--blue); } .kaart-frame iframe { display: block; width: 100%; height: 100%; border: 0; } +.kavel-meters { display: flex; flex-wrap: wrap; gap: 0.25rem 2rem; margin: 0 0 1rem; } +.kavel-meters[hidden] { display: none; } +.kavel-meters > div { display: flex; gap: 0.5rem; } +.kavel-meters dt { color: var(--ink-muted); font-weight: 400; } +.kavel-meters dd { margin: 0; } /* documenten met versies (contact, relatie, portaal) */ .docs { margin-bottom: 1rem; } .doc { border-top: 1px solid var(--line); } diff --git a/templates/_kaart.html b/templates/_kaart.html index b5801d0..3153137 100644 --- a/templates/_kaart.html +++ b/templates/_kaart.html @@ -1,4 +1,4 @@ -{# Kavel bij een contact of relatie: de meters en de link naar het Omgevingsloket, daaronder alleen de kaart +{# Kavel bij een contact of relatie: de meters, daaronder alleen de kaart (kaart-app, &weergave=kaart). Alle details staan op de volledige kaartpagina (knop). De kaart stuurt de gegevens met postMessage ({type: 'kaveltoets', resultaat | fout}). #} {% macro kaart_block(kaart) %} @@ -6,14 +6,11 @@
Kavel wordt opgezocht…
-