using display: inline-block in .ui.ui.dropdown

Author: charles7668

templates/repo/create.tmpl

@@ -135,7 +135,7 @@
 
 						<div class="inline field">
 							<label>.gitignore</label>
-							<div class="ui multiple search selection dropdown tw-flex-wrap">
+							<div class="ui multiple search selection dropdown">
 								<input type="hidden" name="gitignores" value="{{.gitignores}}">
 								<div class="default text">{{ctx.Locale.Tr "repo.repo_gitignore_helper"}}</div>
 								<div class="menu">

templates/repo/graph.tmpl

@@ -6,7 +6,7 @@
 			<h2 class="ui header dividing">
 				{{ctx.Locale.Tr "repo.commit_graph"}}
 				<div class="ui icon buttons tiny color-buttons">
-					<div class="ui multiple selection search dropdown tw-flex-wrap" id="flow-select-refs-dropdown">
+					<div class="ui multiple selection search dropdown" id="flow-select-refs-dropdown">
 						<input type="hidden" name="flow">
 						<div class="default text">{{ctx.Locale.Tr "repo.commit_graph.select"}}</div>
 						<div class="menu">

templates/repo/settings/tags.tmpl

@@ -26,7 +26,7 @@
 								</div>
 								<div class="whitelist field">
 									<label>{{ctx.Locale.Tr "repo.settings.tags.protection.allowed.users"}}</label>
-									<div class="ui multiple search selection dropdown tw-flex-wrap">
+									<div class="ui multiple search selection dropdown">
 										<input type="hidden" name="allowlist_users" value="{{.allowlist_users}}">
 										<div class="default text">{{ctx.Locale.Tr "search.user_kind"}}</div>
 										<div class="menu">

web_src/css/base.css

@@ -1355,7 +1355,6 @@ table th[data-sortt-desc] .svg {
 
 .btn,
 .ui.ui.button,
-.ui.ui.dropdown,
 .flex-text-inline {
   display: inline-flex;
   align-items: center;
@@ -1364,6 +1363,10 @@ table th[data-sortt-desc] .svg {
   min-width: 0; /* make ellipsis work */
 }
 
+.ui.ui.dropdown {
+  display: inline-block;
+}
+
 .ui.ui.dropdown.selection {
   min-width: 14em; /* match the default min width */
 }