v2026.5.21 — Polish positionnement popups

viewer.css

@@ -2591,15 +2591,16 @@ header.topbar::before {
 /* ==========================================================================
    v2026.5.17 : mode Minimisé (popup flottant compact, juste la ref)
    v2026.5.19 : refonte — élément .pinned-popup-minref créé à la volée
+   v2026.5.21 : agrandi pour que la ref tienne sans déborder
    ========================================================================== */
 .pinned-popup.pinned-popup-minimized {
-  min-width: 180px !important;
-  max-width: 260px !important;
-  width: auto !important;
+  min-width: 240px !important;
+  max-width: 320px !important;
+  width: 260px !important;
   height: auto !important;
-  min-height: 60px !important;
-  padding: 28px 10px 10px 10px !important;
-  overflow: hidden;
+  min-height: 70px !important;
+  padding: 36px 14px 14px 14px !important;
+  overflow: visible;
   background: var(--bg-elevated) !important;
   border: 1px solid var(--border) !important;
 }
@@ -2611,15 +2612,18 @@ header.topbar::before {
 .pinned-popup-minref {
   display: block;
   text-align: center;
-  padding: 6px 8px;
+  padding: 8px 10px;
   font-family: var(--mono, monospace);
-  font-size: 14px;
+  font-size: 15px;
   font-weight: 700;
   color: var(--text);
   cursor: pointer;
   user-select: none;
   border-radius: 4px;
   transition: background 0.12s;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .pinned-popup-minref:hover {
   background: var(--bg-muted);
@@ -2891,3 +2895,13 @@ body.popup-dragging .pinned-popup {
   width: 16px;
   text-align: center;
 }
+
+/* ==========================================================================
+   v2026.5.21 : icône 📍 "active" dans le tooltip hover = déjà épinglée
+   ========================================================================== */
+.tooltip-pinbtn.tooltip-pinbtn-active {
+  opacity: 1 !important;
+  filter: none !important;
+  background: rgba(239, 68, 68, 0.15);
+  border-radius: 4px;
+}