From 9996246c255dcb292d2460139ed867a34121cddd Mon Sep 17 00:00:00 2001
From: Severin Beutler <58948651+lorenzgith@users.noreply.github.com>
Date: Fri, 4 Sep 2026 14:47:36 +0200
Subject: [PATCH] Give the login form a minimum width

.ilStartupSection uses width: fit-content with no lower bound, so the login
form takes its width from the widest sibling instead of its own needs. Where
the registration links are disabled the form collapses and the labels get
hyphenated. This puts the lower bound on the form and resets it in the
existing mobile media query.
---
 .../070-components/legacy/Services/_component_init.scss   | 8 ++++++++
 templates/default/delos.css                               | 6 ++++++
 2 files changed, 14 insertions(+)
 mode change 100755 => 100644 templates/default/070-components/legacy/Services/_component_init.scss

diff --git a/templates/default/070-components/legacy/Services/_component_init.scss b/templates/default/070-components/legacy/Services/_component_init.scss
old mode 100755
new mode 100644
index 269ff8b02c8a..26f13a5acb49
--- a/templates/default/070-components/legacy/Services/_component_init.scss
+++ b/templates/default/070-components/legacy/Services/_component_init.scss
@@ -23,6 +23,10 @@ div.ilStartupFrame {
 	width: fit-content;
 	margin-left: auto;
 	margin-right: auto;
+
+	> .c-form {
+		min-width: 34rem;
+	}
 	@media only screen and (max-width: $il-grid-float-breakpoint-max) {
       padding-top: 15px;
 
@@ -34,6 +38,10 @@ div.ilStartupFrame {
           width: 100%;
         }
       }
+
+      > .c-form {
+        min-width: 0;
+      }
     }
 }
 
diff --git a/templates/default/delos.css b/templates/default/delos.css
index 26a274ef2a9a..41df492e08b4 100644
--- a/templates/default/delos.css
+++ b/templates/default/delos.css
@@ -18712,6 +18712,9 @@ a#ilHelpClose {
   margin-left: auto;
   margin-right: auto;
 }
+.ilStartupSection > .c-form {
+  min-width: 34rem;
+}
 @media only screen and (max-width: 991px) {
   .ilStartupSection {
     padding-top: 15px;
@@ -18723,6 +18726,9 @@ a#ilHelpClose {
   .ilStartupSection .control-label + div {
     width: 100%;
   }
+  .ilStartupSection > .c-form {
+    min-width: 0;
+  }
 }
 
 ul.ilStartupSectionRegistrationLinks {