From 26f6249fefe2335e7162a2c0635f723cc7543695 Mon Sep 17 00:00:00 2001
From: weishu <twsxtd@gmail.com>
Date: Tue, 20 Jan 2026 10:28:13 +0800
Subject: [PATCH] fix: reposition ReactQueryDevtools button to middle-right

The button was blocking UI elements at the bottom-right corner. This CSS
override moves it to the middle-right position while keeping the same
horizontal placement, providing better UI visibility and interaction.
---
 web/src/index.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/web/src/index.css b/web/src/index.css
index 49e95c08..7ec58126 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -246,3 +246,9 @@ html[data-theme="dark"] .shiki span {
 .animate-bounce-in {
   animation: bounce-in 0.3s ease-out;
 }
+
+/* ReactQueryDevtools button - move to middle-right to avoid blocking UI */
+.tsqd-open-btn-container {
+  bottom: 50% !important;
+  transform: translateY(50%);
+}