fix ui

Author: wxiaoguang

templates/repo/issue/labels/label_edit_modal.tmpl

@@ -24,12 +24,10 @@
 				<div class="desc tw-ml-1 tw-mt-2 tw-hidden label-exclusive-warning">
 					{{svg "octicon-alert"}} {{ctx.Locale.Tr "repo.issues.label_exclusive_warning"}}
 				</div>
-				<br>
-				<div class="field label-exclusive-order-input-field" style="margin-top: 0.5em">
-					<label for="exclusive_order">{{ctx.Locale.Tr "repo.issues.label_exclusive_order"}}
-						<i class="tw-ml-1" data-tooltip-content={{ctx.Locale.Tr "repo.issues.label_exclusive_order_tooltip"}}>
-							{{svg "octicon-info"}}
-						</i>
+				<div class="field label-exclusive-order-input-field tw-mt-2">
+					<label class="flex-text-block">
+						{{ctx.Locale.Tr "repo.issues.label_exclusive_order"}}
+						<span data-tooltip-content="{{ctx.Locale.Tr "repo.issues.label_exclusive_order_tooltip"}}">{{svg "octicon-info"}}</span>
 					</label>
 					<input class="label-exclusive-order-input" name="exclusive_order" type="number" maxlength="4">
 				</div>

web_src/css/base.css

@@ -1157,7 +1157,7 @@ table th[data-sortt-desc] .svg {
 .ui.list.flex-items-block > .item,
 .flex-items-block > .item,
 .flex-text-block {
-  display: flex;
+  display: flex !important; /* override various fomantic "block" styles, since we are using "flex block" explicitly, it's fine to be "important" */
   align-items: center;
   gap: .5rem;
   min-width: 0;