Release and Tag List tweaks (#21712)

- Reduce font size on tag list and add muted links
- Move Release tag to right side on release list
- Move Release edit button to far-right and make it icon-only
- Add styles for error dropdowns, seen on release edit page
- Make the release page slightly more mobile-friendly

<img width="468" alt="Screen Shot 2022-11-07 at 22 10 44"
src="https://user-images.githubusercontent.com/115237/200417500-149f40f5-2376-42b4-92a7-d7eba3ac359d.png">

<img width="1015" alt="Screen Shot 2022-11-07 at 22 27 14"
src="https://user-images.githubusercontent.com/115237/200419201-b28f39d6-fe9e-4049-8023-b301c9bae528.png">
<img width="1019" alt="Screen Shot 2022-11-07 at 22 27 27"
src="https://user-images.githubusercontent.com/115237/200419206-3f07d988-42f6-421d-8ba9-303a0d59e711.png">

<img width="709" alt="Screen Shot 2022-11-07 at 22 42 10"
src="https://user-images.githubusercontent.com/115237/200421671-f0393cde-2d8f-4e1f-a788-f1f51fc4807c.png">
<img width="713" alt="Screen Shot 2022-11-07 at 22 42 27"
src="https://user-images.githubusercontent.com/115237/200421676-5797f8cf-dfe8-4dd6-85d4-dc69e31a9912.png">


<img width="406" alt="image"
src="https://user-images.githubusercontent.com/115237/200418220-8c3f7549-61b4-4661-935e-39e1352f7851.png">
<img width="416" alt="Screen Shot 2022-11-07 at 22 21 36"
src="https://user-images.githubusercontent.com/115237/200418107-cdb0eb6f-1292-469c-b89a-2cb13f24173c.png">

Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>

3 files changed, 37 insertions, 9 deletions

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index e156ccd6cc..022afcea92 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -108,6 +108,8 @@
   --color-diff-inactive: #f2f2f2;
   --color-error-border: #e0b4b4;
   --color-error-bg: #fff6f6;
+  --color-error-bg-active: #fbb;
+  --color-error-bg-hover: #fdd;
   --color-error-text: #9f3a38;
   --color-success-border: #a3c293;
   --color-success-bg: #fcfff5;
@@ -1293,6 +1295,11 @@ a.ui.card:hover,
 .ui.form .fields.error .field input[type="text"],
 .ui.form .fields.error .field input[type="file"],
 .ui.form .fields.error .field input[type="url"],
+.ui.form .fields.error .field .ui.dropdown,
+.ui.form .fields.error .field .ui.dropdown .item,
+.ui.form .field.error .ui.dropdown,
+.ui.form .field.error .ui.dropdown .text,
+.ui.form .field.error .ui.dropdown .item,
 .ui.form .field.error textarea,
 .ui.form .field.error select,
 .ui.form .field.error input:not([type]),
@@ -1321,10 +1328,32 @@ a.ui.card:hover,
 .ui.form .field.error input[type="file"]:focus,
 .ui.form .field.error input[type="url"]:focus {
   background-color: var(--color-error-bg);
-  border: 1px solid var(--color-error-border);
+  border-color: var(--color-error-border);
   color: var(--color-error-text);
 }
 
+.ui.form .fields.error .field .ui.dropdown,
+.ui.form .field.error .ui.dropdown,
+.ui.form .fields.error .field .ui.dropdown:hover,
+.ui.form .field.error .ui.dropdown:hover {
+  border-color: var(--color-error-border) !important;
+}
+
+.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
+.ui.form .field.error .ui.dropdown .menu .item:hover {
+  background-color: var(--color-error-bg-hover);
+}
+
+.ui.form .fields.error .field .ui.dropdown .menu .active.item,
+.ui.form .field.error .ui.dropdown .menu .active.item {
+  background-color: var(--color-error-bg-active) !important;
+}
+
+.ui.form .fields.error .dropdown .menu,
+.ui.form .field.error .dropdown .menu {
+  border-color: var(--color-error-border) !important;
+}
+
 .ui.loading.loading.input > i.icon svg {
   visibility: hidden;
 }
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 3eb0178d37..0f318fa53c 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -1855,11 +1855,13 @@
       border-top: 1px solid var(--color-secondary);
       margin-top: 20px;
       padding-top: 15px;
+      padding-left: 0;
 
       .release-list-title {
         font-size: 2rem;
         font-weight: normal;
-        margin-top: -6px;
+        margin-top: -4px;
+        margin-bottom: 0;
       }
 
       > li {
@@ -1879,11 +1881,6 @@
             margin-right: 0;
           }
 
-          .tag:not(.icon) {
-            display: block;
-            margin-top: 15px;
-          }
-
           .commit {
             display: block;
             margin-top: 10px;
@@ -1903,7 +1900,7 @@
 
           .author {
             img {
-              margin-bottom: -3px;
+              margin-bottom: 3px;
             }
           }
 
@@ -1966,7 +1963,7 @@
       }
 
       .release-tag-name {
-        font-size: 20px;
+        font-size: 18px;
         font-weight: normal;
       }
     }
diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less
index 8c05ad278f..2f06f33aca 100644
--- a/web_src/less/themes/theme-arc-green.less
+++ b/web_src/less/themes/theme-arc-green.less
@@ -97,6 +97,8 @@
   --color-diff-inactive: #353846;
   --color-error-border: #a04141;
   --color-error-bg: #522;
+  --color-error-bg-active: #744;
+  --color-error-bg-hover: #633;
   --color-error-text: #f9cbcb;
   --color-success-border: #458a57;
   --color-success-bg: #284034;