From 0d35ef5b439623774d1adddf7071d744b1116809 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Thu, 3 Dec 2020 18:05:35 +0100
Subject: [PATCH] Fix various CSS issues (#13769)

- Fix black text being white on base theme
- Fix file/blame button group
- Fix label margin in dropdown (regression from graph pr)

Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Co-authored-by: 6543 <6543@obermui.de>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
---
 templates/repo/view_file.tmpl | 10 +++++-----
 web_src/less/_base.less       | 19 ++++++++++++++-----
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/templates/repo/view_file.tmpl b/templates/repo/view_file.tmpl
index 2ad31f8c37..86de599fb2 100644
--- a/templates/repo/view_file.tmpl
+++ b/templates/repo/view_file.tmpl
@@ -32,15 +32,15 @@
 		</div>
 		{{if not .ReadmeInList}}
 		<div class="file-header-right file-actions df ac">
-			<div class="ui buttons">
-				<a class="ui tiny button" href="{{EscapePound $.RawFileLink}}">{{.i18n.Tr "repo.file_raw"}}</a>
+			<div class="ui buttons mr-2">
+				<a class="ui mini basic button" href="{{EscapePound $.RawFileLink}}">{{.i18n.Tr "repo.file_raw"}}</a>
 				{{if not .IsViewCommit}}
-					<a class="ui tiny button" href="{{.RepoLink}}/src/commit/{{.CommitID}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.file_permalink"}}</a>
+					<a class="ui mini basic button" href="{{.RepoLink}}/src/commit/{{.CommitID}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.file_permalink"}}</a>
 				{{end}}
 				{{if .IsTextFile}}
-					<a class="ui tiny button" href="{{.RepoLink}}/blame/{{EscapePound .BranchNameSubURL}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.blame"}}</a>
+					<a class="ui mini basic button" href="{{.RepoLink}}/blame/{{EscapePound .BranchNameSubURL}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.blame"}}</a>
 				{{end}}
-				<a class="ui tiny button" href="{{.RepoLink}}/commits/{{EscapePound .BranchNameSubURL}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.file_history"}}</a>
+				<a class="ui mini basic button" href="{{.RepoLink}}/commits/{{EscapePound .BranchNameSubURL}}/{{EscapePound .TreePath}}">{{.i18n.Tr "repo.file_history"}}</a>
 			</div>
 			{{if .Repository.CanEnableEditor}}
 				{{if .CanEditFile}}
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index cb91fa118b..e8ed3748b3 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -628,7 +628,7 @@ a.muted:hover,
     }
 
     &.black {
-      color: var(--color-body);
+      color: var(--color-text);
 
       &:hover {
         color: #000000;
@@ -1433,6 +1433,19 @@ a.ui.label:hover {
   color: var(--color-text);
 }
 
+.ui.button:hover {
+  background: var(--color-hover);
+  color: var(--color-text);
+}
+
+.ui.buttons .button:first-child {
+  border-left: 1px solid var(--color-secondary);
+}
+
+.ui.buttons .button + .button {
+  border-left: none;
+}
+
 .ui.blue.button,
 .ui.blue.buttons .button,
 .ui.primary.button,
@@ -1617,10 +1630,6 @@ table th[data-sortt-desc] {
   }
 }
 
-.dropdown .ui.label {
-  margin-left: 0 !important;
-}
-
 .ui.dropdown .menu .item {
   border-radius: 0;
 }