From 75e35fb03a86e66fbddda30ef2b4d2df892d2b11 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 26 Apr 2023 06:09:29 +0200
Subject: [PATCH] Fix runner button height (#24338)

Fixes https://github.com/go-gitea/gitea/issues/24326.

Set size class and downsize any such buttons that have a dropdown icon
because the dropdown icon increases button height artificially.

[`:has()`](https://developer.mozilla.org/en-US/docs/Web/CSS/:has) is not
supported in Firefox yet, but works fine with the experimental pref
enabled. I see this as a graceful degradation in unsupporting browsers.
---
 templates/shared/actions/runner_list.tmpl | 2 +-
 web_src/css/base.css                      | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/templates/shared/actions/runner_list.tmpl b/templates/shared/actions/runner_list.tmpl
index 536ae6b06..572bc5e34 100644
--- a/templates/shared/actions/runner_list.tmpl
+++ b/templates/shared/actions/runner_list.tmpl
@@ -4,7 +4,7 @@
 		{{.locale.Tr "actions.runners.runner_manage_panel"}} ({{.locale.Tr "admin.total" .Total}})
 		<div class="ui right">
 			<div class="ui top right pointing dropdown">
-				<button class="ui button primary">
+				<button class="ui primary tiny button">
 					{{.locale.Tr "actions.runners.new"}}
 					{{svg "octicon-triangle-down" 14 "dropdown icon"}}
 				</button>
diff --git a/web_src/css/base.css b/web_src/css/base.css
index bd1d32e2a..33d84bc90 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -2493,6 +2493,12 @@ a.ui.basic.label:hover {
   font-weight: normal;
 }
 
+/* reduce height of buttons with dropdown icon */
+.ui.attached.header .right .button:has(.dropdown.icon) {
+  padding-top: 7px;
+  padding-bottom: 7px;
+}
+
 /* fix misaligned right buttons on box headers */
 .ui.attached.header .right:not(.dropdown) {
   position: absolute;