Config UI: improve residual power input field (#22435)

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>

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") }}