Fix the style issues of the top buttons on the release page, extract a common button group style, and gradually replace the button group styles on other pages later.

Author: kerwin612

templates/repo/header.tmpl

@@ -38,7 +38,7 @@
 				</div>
 			</div>
 			{{if not (or .IsBeingCreated .IsBroken)}}
-				<div class="repo-buttons">
+				<div class="repo-buttons gitea-buttons">
 					{{if $.RepoTransfer}}
 						<form method="post" action="{{$.RepoLink}}/action/accept_transfer?redirect_to={{$.RepoLink}}">
 							{{$.CsrfTokenHtml}}

templates/repo/release_tag_header.tmpl

@@ -11,6 +11,7 @@
 				{{end}}
 			</h2>
 		</div>
+    <div class="gitea-buttons">
 		{{if .EnableFeed}}
 			<a class="ui small button" href="{{.RepoLink}}/{{if .PageIsTagList}}tags{{else}}releases{{end}}.rss">
 				{{svg "octicon-rss" 16}} {{ctx.Locale.Tr "rss_feed"}}
@@ -21,6 +22,7 @@
 				{{ctx.Locale.Tr "repo.release.new_release"}}
 			</a>
 		{{end}}
+    </div>
 	</div>
 	<div class="divider"></div>
 {{else if $canReadCode}}

web_src/css/modules/button.css

@@ -421,3 +421,15 @@ It needs some tricks to tweak the left/right borders with active state */
   padding-top: 0.58928571em;
   padding-bottom: 0.58928571em;
 }
+
+.gitea-buttons {
+  align-items: center;
+  display: flex;
+  flex-flow: row wrap;
+  word-break: keep-all;
+  gap: 0.5em;
+}
+
+.gitea-buttons .ui.button {
+  margin: 0 !important;
+}

web_src/css/repo/header.css

@@ -28,14 +28,6 @@
   flex-wrap: nowrap;
 }
 
-.repo-buttons {
-  align-items: center;
-  display: flex;
-  flex-flow: row wrap;
-  word-break: keep-all;
-  gap: 0.25em;
-}
-
 .repo-buttons button[disabled] ~ .label {
   opacity: var(--opacity-disabled);
   color: var(--color-text-dark);