From 200eced4692ba0ec3cd1df8e1d6b19ba06c419a3 Mon Sep 17 00:00:00 2001
From: Go MAEDA <maeda@farend.jp>
Date: Tue, 3 Jun 2025 07:37:41 +0000
Subject: [PATCH] "Clear" button for custom queries has incorrect styling
 inside the flyout menu (#42786).

Patch by Mizuki ISHIKAWA (user:ishikawa999).


git-svn-id: https://svn.redmine.org/redmine/trunk@23816 e93f8b46-1217-0410-a6f0-8f06a7374b81
---
 app/assets/stylesheets/responsive.css | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/responsive.css b/app/assets/stylesheets/responsive.css
index 867c41e9b..b3e8bddd8 100644
--- a/app/assets/stylesheets/responsive.css
+++ b/app/assets/stylesheets/responsive.css
@@ -385,7 +385,7 @@
     list-style: none;
   }
 
-  .flyout-menu #watchers {
+  .flyout-menu #watchers, .flyout-menu .queries {
     display: -webkit-flex;
     display: -webkit-box;
     display: flex;
@@ -402,11 +402,11 @@
     order: 3;
   }
 
-  .flyout-menu #watchers h3 {
+  #sidebar-wrapper {
     margin-left: -8px;
   }
 
-  .flyout-menu #watchers ul li {
+  .flyout-menu #watchers ul li, .flyout-menu ul.queries li {
     display: -webkit-flex;
     display: -webkit-box;
     display: flex;
@@ -418,6 +418,16 @@
     -webkit-align-items: center;
     -webkit-box-align: center;
     align-items: center;
+    border-top: 1px solid rgba(255,255,255,.1);
+  }
+
+  .flyout-menu #watchers ul li a, .flyout-menu ul.queries li a {
+    border-top: none;
+  }
+
+  .flyout-menu ul.queries li a.icon-clear-query {
+    flex-shrink: 0;
+    padding-right: 8px;
   }
 
   .flyout-menu ul li a {
@@ -440,7 +450,7 @@
     color: white;
   }
 
-  .flyout-menu .icon svg {
+  .flyout-menu .icon svg, .flyout-menu .icon-only svg {
     stroke: white;
   }