dashboard - stronger but thin border around posters

web/intranet_repo/projects/dashboard/dashboard.js

@@ -203,9 +203,10 @@
             clearTimeout(this.timer);
             if (!this.rotate) return;
             const duration = this.items.length ? config.POSTER_MIN_DWELL_TIME_S * 1000 : config.EMPTY_REFRESH_MS;
+            const changing = this.items.length && this.layout().groups.length > 1;
             this.progressAnimation?.cancel();
-            this.progress.toggleAttribute('hidden', !this.items.length);
+            this.progress.toggleAttribute('hidden', !changing);
-            if (this.items.length) {
+            if (changing) {
                 this.progressAnimation = this.progress.querySelector('.poster-progress-value').animate(
                     [{ strokeDashoffset: 100 }, { strokeDashoffset: 0 }],
                     { duration, easing: 'linear', fill: 'forwards' });

web/intranet_repo/projects/dashboard/stylo.css

@@ -35,7 +35,7 @@ body.dashboard {
     padding: var(--space-sm);
 }
 #month-panel { grid-area: month; --panel-accent: var(--nak-purple); }
-#poster-panel { grid-area: posters; --panel-accent: var(--nak-orange); --poster-frame-width: 2px; }
+#poster-panel { grid-area: posters; --panel-accent: var(--nak-orange); --poster-frame-width: 1px; }
 #announcements-panel { --panel-accent: var(--nak-teal); }
 .dashboard-column { display: grid; gap: var(--space-sm); min-height: 0; min-width: 0; }
 .announcements-column { grid-area: announcements; grid-template-rows: auto minmax(0, 1fr); }