🚧 Change LED indicator alignments

src/wago_sim/webui/static/style.css

@@ -116,15 +116,32 @@ h2 { margin: 4px 0 14px; }
   background: #4caf50;
   box-shadow: 0 0 7px 2px rgba(76, 175, 80, 0.85);
 }
-.module { display: flex; flex-direction: column; justify-content: flex-end; }
+.module {
+  /* thin, tall bezel: the module's channel columns sit side by side */
+  flex-shrink: 0;   /* keep the computed width — do not squeeze rows */
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  justify-content: flex-start;
+}
+/* digital modules: tall enough for 8 vertically stacked LEDs + labels */
+.module:has(.mod-channels-v) { min-height: 248px; }
+.module { min-height: 124px; }
 .mod-channels {
   display: flex; gap: 5px; flex-wrap: wrap; align-items: flex-end;
   padding: 8px 6px 16px;   /* bottom room for the designation label */
 }
+/* vertical digital columns: LEDs stacked top-to-bottom, 8 per column */
+.mod-channels-v {
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding: 20px 4px 16px;  /* top room for the article header */
+  gap: 4px;
+}
 .row-break {
-  /* two-deck layout: force channels 8-15 onto a second row */
-  flex-basis: 100%;
-  height: 0;
+  /* legacy two-row layout marker — vertical columns replace it */
+  display: none;
 }
 
 /* DI/DO LED cells with channel-number labels (FR-10.2.2) */