From 00ec651270aca19cba9a82fa48e6f7137efdfe1f Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Tue, 24 Nov 2020 20:27:10 +0100
Subject: [PATCH] CSS table fixes (#13692)

* CSS table fixes

Override the right fomantic selectors.

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

* use flexbox
---
 templates/repo/wiki/pages.tmpl           | 16 +++++++++-------
 web_src/less/_base.less                  |  8 ++++++++
 web_src/less/themes/theme-arc-green.less | 15 ---------------
 3 files changed, 17 insertions(+), 22 deletions(-)

diff --git a/templates/repo/wiki/pages.tmpl b/templates/repo/wiki/pages.tmpl
index 2c131e0b0f1..c3fb412c572 100644
--- a/templates/repo/wiki/pages.tmpl
+++ b/templates/repo/wiki/pages.tmpl
@@ -2,14 +2,16 @@
 <div class="repository wiki pages">
 	{{template "repo/header" .}}
 	<div class="ui container">
-		<div class="ui header">
-			{{.i18n.Tr "repo.wiki.pages"}}
-			{{if and .CanWriteWiki (not .IsRepositoryMirror)}}
-			<div class="ui right">
-				<a class="ui green small button" href="{{.RepoLink}}/wiki/_new">{{.i18n.Tr "repo.wiki.new_page_button"}}</a>
+		<h2 class="ui header df ac sb">
+			<div>
+				{{.i18n.Tr "repo.wiki.pages"}}
 			</div>
-			{{end}}
-		</div>
+			<div>
+				{{if and .CanWriteWiki (not .IsRepositoryMirror)}}
+					<a class="ui green small button" href="{{.RepoLink}}/wiki/_new">{{.i18n.Tr "repo.wiki.new_page_button"}}</a>
+				{{end}}
+			</div>
+		</h2>
 		<table class="ui table">
 			<tbody>
 				{{range .Pages}}
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index b313e216376..40624717943 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -229,6 +229,8 @@ a:hover,
 
 .ui.table {
   color: var(--color-text);
+  background: var(--color-body);
+  border-color: var(--color-secondary);
 }
 
 .ui.ui.selectable.table > tbody > tr:hover,
@@ -237,6 +239,12 @@ a:hover,
   background-color: var(--color-secondary-alpha-40);
 }
 
+.ui.ui.ui.ui.table tr.grey:not(.marked),
+.ui.ui.table td.grey:not(.marked) {
+  background: var(--color-body);
+  color: var(--color-text);
+}
+
 .ui.modal {
   background: var(--color-body);
 }
diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less
index ad3d4919428..57b00efe3e0 100644
--- a/web_src/less/themes/theme-arc-green.less
+++ b/web_src/less/themes/theme-arc-green.less
@@ -891,25 +891,10 @@ a.ui.basic.green.label:hover {
   background-color: #393d4a !important;
 }
 
-.ui.table {
-  border-color: var(--color-secondary);
-  background: #353945;
-}
-
-.ui.table tbody tr {
-  border-color: var(--color-secondary);
-  background: #353945;
-}
-
 .ui .text.grey {
   color: var(--color-secondary-dark-6) !important;
 }
 
-.ui.attached.table.segment {
-  background: #353945;
-  color: #dbdbdb !important;
-}
-
 .markdown:not(code) h2 {
   border-bottom: 1px solid #304251;
 }