From 0d76eb20ff406d39773357efb5469568f66ef60c Mon Sep 17 00:00:00 2001
From: Michael Geers <michael@geers.tv>
Date: Sun, 20 Jul 2025 10:02:20 +0200
Subject: [PATCH] Config UI: improve residual power input field (#22435)

---
 assets/js/components/Config/ControlModal.vue | 7 +++++--
 assets/js/components/Config/FormRow.vue      | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/assets/js/components/Config/ControlModal.vue b/assets/js/components/Config/ControlModal.vue
index 5cb76327b..c604e4cd8 100644
--- a/assets/js/components/Config/ControlModal.vue
+++ b/assets/js/components/Config/ControlModal.vue
@@ -16,7 +16,7 @@
 				example="30 s"
 				docsLink="/docs/reference/configuration/interval"
 			>
-				<div class="input-group w-50 w-sm-25">
+				<div class="input-group input-width">
 					<input
 						id="controlInterval"
 						v-model="values.interval"
@@ -38,7 +38,7 @@
 				example="100 W"
 				docsLink="/docs/reference/configuration/site#residualpower"
 			>
-				<div class="input-group w-50 w-sm-25">
+				<div class="input-group input-width">
 					<input
 						id="controlResidualPower"
 						v-model="values.residualPower"
@@ -154,4 +154,7 @@ export default {
 	margin-right: calc(var(--bs-gutter-x) * -0.5);
 	padding-right: 0;
 }
+.input-width {
+	width: 140px;
+}
 </style>
diff --git a/assets/js/components/Config/FormRow.vue b/assets/js/components/Config/FormRow.vue
index 7e24a7550..40fa4d500 100644
--- a/assets/js/components/Config/FormRow.vue
+++ b/assets/js/components/Config/FormRow.vue
@@ -20,7 +20,7 @@
 			<div v-if="example" class="hyphenate">
 				{{ $t("config.form.example") }}: {{ example }}
 			</div>
-			<div v-if="help" class="d-flex gap-1">
+			<div v-if="help">
 				<Markdown :markdown="help" class="text-gray hyphenate" />
 				<a v-if="link" class="text-gray" :href="link" target="_blank">
 					{{ $t("config.general.docsLink") }}