Align label with checkbox

- Follow up from go-gitea#21655 (comment) - Use vertical-align and line-height to get it to align exactly with the checkbox.
Gusted · Nov 2, 2022 · 511e011 · 511e011
1 parent 4827f42
commit 511e011
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/templates/install.tmpl b/templates/install.tmpl
@@ -162,7 +162,7 @@
 						<input id="log_root_path" name="log_root_path" value="{{.log_root_path}}" placeholder="log" required>
 						<span class="help">{{.locale.Tr "install.log_root_path_helper"}}</span>
 					</div>
-					<div class="inline field">
+					<div class="inline field left-label">
 						<label for="enable_update_checker">{{.locale.Tr "install.enable_update_checker"}}</label>
 						<div class="ui checkbox">
 							<input name="enable_update_checker" type="checkbox">

diff --git a/web_src/less/_install.less b/web_src/less/_install.less
@@ -20,6 +20,11 @@
         margin-left: @input-padding+15px;
       }
 
+      &.left-label label {
+        vertical-align: top;
+        line-height: 17px;
+      }
+
       &.optional {
         .title {
           margin-left: 38%;