Better vertical align of buttons in headers (#13932)

The previous method used `transform` which formed a CSS stacking context
which caused issues with dropdowns appearing behind other elements which
made `position: static` necessary but that again caused even more
issues.

This method achieves the same as before, but without the additional
stacking context.

Co-authored-by: techknowlogick <[email protected]>

Author: silverwind

web_src/less/_base.less

@@ -1679,11 +1679,6 @@ a.ui.basic.label:hover {
   visibility: hidden;
 }
 
-/* prevent stacking context issue on webhook dropdown */
-.ui.segment {
-  position: static;
-}
-
 .ui.segment,
 .ui.segments,
 .ui.attached.segment {
@@ -1712,8 +1707,11 @@ a.ui.basic.label:hover {
 .ui.attached.header .right {
   position: absolute;
   right: .78571429rem;
-  top: 50%;
-  transform: translateY(-50%);
+  top: 0;
+  bottom: 0;
+  height: 30px;
+  margin-top: auto;
+  margin-bottom: auto;
 }
 
 /* https://github.com/go-gitea/gitea/issues/10210 */