From 5d87a9c7b3d81e60e1a077c8a6d6463edfc304e7 Mon Sep 17 00:00:00 2001
From: NetworkCats <networkcatlol@gmail.com>
Date: Sat, 7 Mar 2026 03:59:17 +0800
Subject: [PATCH] fix: use gray text for copied tooltip and position it beside
 the IP

---
 static/style.css | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/static/style.css b/static/style.css
index 233e93f..81278af 100644
--- a/static/style.css
+++ b/static/style.css
@@ -137,10 +137,10 @@ main {
 }
 
 .ip-copy-wrap {
-  position: relative;
   display: flex;
-  flex-direction: column;
-  align-items: center;
+  align-items: baseline;
+  justify-content: center;
+  gap: 8px;
 }
 
 .ip-display {
@@ -156,11 +156,9 @@ main {
 .ip-copied-tooltip {
   font-size: 13px;
   font-weight: 500;
-  color: #FFF;
-  background: var(--color-label);
-  padding: 4px 12px;
-  border-radius: 6px;
+  color: var(--color-gray);
   pointer-events: none;
+  white-space: nowrap;
   animation: ip-tooltip-fade 1.5s ease-out;
 }