From cddfc7749b814a930eb851d76f277f8692a458d8 Mon Sep 17 00:00:00 2001
From: 0ko <0ko@noreply.codeberg.org>
Date: Wed, 17 Sep 2025 20:29:52 +0200
Subject: [PATCH] chore(ui): improve dropdown opener visibility (#9317)

Followup to https://codeberg.org/forgejo/forgejo/pulls/7906.

This part of Mastodon default web ui theme was used as inspiration:

https://codeberg.org/attachments/f8d41c67-24df-48e5-8bf7-ed023b92ff34

Screenshots of changes are below:

Profile

Before: https://codeberg.org/attachments/c758f98e-b4a4-45cb-b3bf-eb22ffbe2a39
After: https://codeberg.org/attachments/1f2880b6-339c-4e18-86cf-9caadfde3430

Org homepage

Before: https://codeberg.org/attachments/b8606ead-f282-4149-97c9-c28765a25c5d
After: https://codeberg.org/attachments/87169d58-2ada-49f0-a349-acde22598c7e

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/9317
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
---
 web_src/css/modules/dropdown.css | 1 +
 web_src/css/user.css             | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web_src/css/modules/dropdown.css b/web_src/css/modules/dropdown.css
index 22920c9f67..7695adfbaa 100644
--- a/web_src/css/modules/dropdown.css
+++ b/web_src/css/modules/dropdown.css
@@ -30,6 +30,7 @@ details.dropdown > summary {
   user-select: none;
   list-style-type: none;
   /* Main visual properties */
+  border: 1px solid var(--color-light-border);
   border-radius: var(--border-radius);
   padding: 0.5rem;
 }
diff --git a/web_src/css/user.css b/web_src/css/user.css
index 7fa81670fb..a647316fef 100644
--- a/web_src/css/user.css
+++ b/web_src/css/user.css
@@ -37,7 +37,7 @@
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
-  gap: 0.75rem;
+  gap: 0.5rem;
 }
 
 .user.profile .ui.card .primary-action .ui.button {