From 0e6bf7e4c9f154680d30fc50a1b38fa507a9e7b7 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Sat, 31 Oct 2020 14:17:52 +0100
Subject: Comment Header fixes (#13356)

Apply more flexboxes on comment header and remove float hacks. Needs
1.13 backport.

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

Co-authored-by: Lauris BH <lauris@nix.lv>
---
 web_src/less/_form.less       | 10 +++-------
 web_src/less/_repository.less | 34 ++++++----------------------------
 2 files changed, 9 insertions(+), 35 deletions(-)

(limited to 'web_src')

diff --git a/web_src/less/_form.less b/web_src/less/_form.less
index 260910e95c..9ca6387bc3 100644
--- a/web_src/less/_form.less
+++ b/web_src/less/_form.less
@@ -10,13 +10,9 @@
 .ui.attached.header {
   background: #f0f0f0;
 
-  .right {
-    margin-top: -5px;
-
-    .button {
-      padding: 8px 10px;
-      font-weight: normal;
-    }
+  .right .button {
+    padding: 8px 10px;
+    font-weight: normal;
   }
 }
 
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 14b342cab3..7fe8216571 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -1002,27 +1002,6 @@
       }
 
       .comment {
-
-        .actions {
-          .item {
-            float: left;
-
-            &.context {
-              float: none;
-            }
-
-            &.tag {
-              margin-right: 5px;
-            }
-
-            &.action {
-              margin-top: 6px;
-              padding-left: 10px;
-              padding-right: 3px;
-            }
-          }
-        }
-
         > .content {
           > div:first-child {
             border-top-left-radius: 4px;
@@ -1062,15 +1041,14 @@
               left: 7px;
             }
 
-            .actions {
-              display: flex;
-              padding: 0 .5rem;
-
-              &.right {
-                margin: 0;
-              }
+            .header-left > * + *,
+            .header-right > * + * {
+              margin-left: .25rem;
+            }
 
+            .actions {
               a {
+                padding: .5rem;
                 color: rgba(0, 0, 0, .4);
 
                 &:hover {
-- 
cgit v1.2.3