diff --git a/templates/index.html b/templates/index.html index f6d4db0..1272429 100644 --- a/templates/index.html +++ b/templates/index.html @@ -2273,16 +2273,27 @@ } .tscm-modal-close { position: absolute; - top: 10px; - right: 10px; - background: none; - border: none; - color: var(--text-muted); - font-size: 24px; + top: 12px; + right: 12px; + background: var(--bg-tertiary); + border: 1px solid var(--border-light); + border-radius: 50%; + width: 32px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + color: var(--text-secondary); + font-size: 20px; cursor: pointer; - z-index: 1; + z-index: 10; + transition: all 0.2s; + } + .tscm-modal-close:hover { + background: var(--accent-red); + border-color: var(--accent-red); + color: #fff; } - .tscm-modal-close:hover { color: #fff; } .device-detail-header { padding: 16px; border-bottom: 1px solid var(--border-color);