From 83022013c83feb5488952baea3ef0be818dfce21 Mon Sep 17 00:00:00 2001
From: wxiaoguang <wxiaoguang@gmail.com>
Date: Fri, 28 Apr 2023 09:48:41 +0800
Subject: Fix layouts of admin table / adapt repo / email test  (#24370)

Ref:
https://github.com/go-gitea/gitea/pull/24315#pullrequestreview-1403034993

And fix the incorrect layout for "dasbboard", the "form" shouldn't
follow `<h4 class="ui top attached header">`, so move it to inner.

Diff with ignoring spaces:
https://github.com/go-gitea/gitea/pull/24370/files?diff=unified&w=1

A known bug: the adapt/delete button doesn't work due to a historical
messy logic, will fix it in next PR (#24374)

![image](https://user-images.githubusercontent.com/2114189/234754656-d160b098-b8d4-4783-962a-27d5c764863c.png)

![image](https://user-images.githubusercontent.com/2114189/234762327-3e77e2e4-a156-4498-8a8b-092e14cf9204.png)

![image](https://user-images.githubusercontent.com/2114189/234767811-74b7272c-e40c-4850-8e3c-499e3b53b827.png)

![image](https://user-images.githubusercontent.com/2114189/234761247-e6aad889-dcad-443c-948f-2d44df68725b.png)
---
 web_src/css/admin.css  | 21 +++++----------------
 web_src/css/runner.css |  4 ++++
 web_src/css/user.css   | 11 -----------
 3 files changed, 9 insertions(+), 27 deletions(-)

(limited to 'web_src')

diff --git a/web_src/css/admin.css b/web_src/css/admin.css
index c8e17dbba9..0c5c73823e 100644
--- a/web_src/css/admin.css
+++ b/web_src/css/admin.css
@@ -4,18 +4,7 @@
   margin: 12px -1rem -1rem;
 }
 
-.admin .settings .button.adopt,
-.admin .settings .button.delete {
-  margin-top: -15px;
-  margin-bottom: -15px;
-}
-
-.admin .settings .button.adopt .label,
-.admin .settings .button.delete .label {
-  vertical-align: middle;
-}
-
-.admin.user .email {
+.admin.user table.table .email {
   max-width: 200px;
 }
 
@@ -51,12 +40,12 @@
   }
 }
 
-.admin.config #test-mail-btn {
-  margin-left: 5px;
-}
-
 .admin code,
 .admin pre {
   white-space: pre-wrap;
   word-wrap: break-word;
 }
+
+.admin .ui.table.segment {
+  overflow-x: auto; /* if the screen width is small, many wide tables (eg: user list) need scroll bars */
+}
diff --git a/web_src/css/runner.css b/web_src/css/runner.css
index d0ea5252e5..0d7415d18b 100644
--- a/web_src/css/runner.css
+++ b/web_src/css/runner.css
@@ -2,6 +2,10 @@
   padding-bottom: 30px;
 }
 
+.runner-container .ui.table.segment {
+  overflow-x: auto;
+}
+
 .runner-container .runner-ops > a {
   margin-left: 0.5em;
 }
diff --git a/web_src/css/user.css b/web_src/css/user.css
index 2a3fe1beaf..cdf2956565 100644
--- a/web_src/css/user.css
+++ b/web_src/css/user.css
@@ -90,17 +90,6 @@
   padding: 8px 15px;
 }
 
-.user .button.adopt,
-.user .button.delete {
-  margin-top: -15px;
-  margin-bottom: -15px;
-}
-
-.user .button.adopt .label,
-.user .button.delete .label {
-  vertical-align: middle;
-}
-
 .user.link-account:not(.icon) {
   padding-top: 15px;
   padding-bottom: 5px;
-- 
cgit v1.2.3