Index: src/assets/css/guardian.css
===================================================================
--- src/assets/css/guardian.css	(revision a66266d23ff7d4cf2f10b82f0aaefa77102e6848)
+++ src/assets/css/guardian.css	(revision 9588b51531cc46279ffa8e24cbdde015abf6f693)
@@ -200,2 +200,10 @@
    visueel losgemaakt van wat nog wacht. */
 .g-panel-history { border-top: 2px solid var(--g-line, rgba(0,0,0,.12)); margin-top: 1rem; opacity: .8; }
+
+/* De stand-chip op een gate-rij. Drie standen, drie gewichten: aan valt op,
+   uit is rustig, en "nog niets besloten" is lichter nog -- dat is namelijk geen
+   besluit maar de afwezigheid ervan. */
+.g-gate-chip { font-size: .78em; padding: .1em .5em; border-radius: 999px; border: 1px solid currentColor; }
+.g-gate-chip-on { font-weight: 600; }
+.g-gate-chip-off { opacity: .8; }
+.g-gate-chip-undecided { opacity: .55; border-style: dashed; }
Index: src/assets/js/guardian.js
===================================================================
--- src/assets/js/guardian.js	(revision a66266d23ff7d4cf2f10b82f0aaefa77102e6848)
+++ src/assets/js/guardian.js	(revision 9588b51531cc46279ffa8e24cbdde015abf6f693)
@@ -484,12 +484,4 @@
    */
   function gateRow(w, g) {
-    var row = el('div', 'g-gate');
-    var head = el('div', 'g-gate-head');
-    head.appendChild(el('span', 'g-gate-name', gateLabel(g.feature)));
-    head.appendChild(el('span', 'g-gate-kind', T['gate_kind_' + g.kind] || g.kind));
-    row.appendChild(head);
-
-    // De stand. NULL is onbekend en dat is iets anders dan uit: bij een ward op
-    // een andere server wordt die kolom daar bijgehouden.
     // Drie standen, niet twee. "Uit" en "voor zover wij weten uit" zijn niet
     // hetzelfde: dat tweede betekent dat niemand er ooit over besloot, en dat
@@ -499,6 +491,18 @@
       : (g.value ? (T.prop_on || 'on') : (T.prop_off || 'off'));
     if (!g.decided && g.value === false) stand = T.gate_default_off || stand;
+    var row = el('div', 'g-gate');
+    var head = el('div', 'g-gate-head');
+    head.appendChild(el('span', 'g-gate-name', gateLabel(g.feature)));
+    row.appendChild(head);
+
+    // De chip draagt de STAND en wisselt dus mee. Hij stond hier eerst op het
+    // SOORT -- in het Nederlands "stand" -- vlak boven de werkelijke stand, dus
+    // twee dingen die hetzelfde heetten waarvan er een nooit veranderde. Het
+    // veranderlijke hoort bovenaan; het beschrijvende gaat naar de regel eronder.
+    var chip = el('span', 'g-gate-chip g-gate-chip-' + (g.value === true ? 'on' : (g.decided ? 'off' : 'undecided')), stand);
+    head.appendChild(chip);
+
     var meta = el('div', 'g-gate-meta small');
-    meta.appendChild(el('span', null, stand));
+    meta.appendChild(el('span', 'g-gate-kind', T['gate_kind_' + g.kind] || g.kind));
     if (g.threshold) {
       meta.appendChild(el('span', null, (T.gate_threshold || '{need} of {of} guardians')
