feat: optimiser l'interface des notes avec émoji 📝 automatique dans les titres, redirection intelligente vers vue Notes au clic sur titre, retour URL dynamique post-sauvegarde, auto-ouverture note via hash #open-note-{id}, réduction tailles boutons actions (36px→28px hover, 32px→30px), suppression gaps entre boutons (0.25rem→0), link-footer nowrap avec overflow hidden, et changement placeholder "Page title"→"Note title"

shaarli-pro/css/style.css

@@ -1318,7 +1318,7 @@ body.view-notes .paging {
     position: absolute;
     top: 0.75rem;
     left: auto;
-    right: 10.5rem;
+    right: 9.5rem;
     transform: none;
     width: 32px;
     height: 32px;
@@ -1399,9 +1399,9 @@ body.view-notes .paging {
 .link-hover-actions {
     position: absolute;
     top: 0.75rem;
-    right: 3.5rem;
+    right: 2.9rem;
     display: flex;
-    gap: 0.25rem;
+    gap: 0;
     opacity: 0;
     transition: opacity 0.15s ease;
     z-index: 20;
@@ -1415,8 +1415,8 @@ body.view-notes .paging {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 32px;
-    height: 32px;
+    width: 30px;
+    height: 30px;
     background: var(--bg-card);
     border: 1px solid var(--border);
     border-radius: 0.375rem;
@@ -1514,7 +1514,7 @@ body.view-notes .paging {
 .link-readlater-badge {
     position: absolute;
     top: 0.75rem;
-    right: 3.2rem;
+    right: 2.9rem;
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -1582,13 +1582,14 @@ body.view-notes .paging {
 
 .link-footer {
     display: flex;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     gap: 0.5rem;
     align-items: center;
     justify-content: space-between;
     margin-top: 1rem;
     padding-top: 0.75rem;
     border-top: 1px solid var(--border);
+    overflow: hidden;
 }
 
 .view-grid .link-footer {
@@ -1600,10 +1601,11 @@ body.view-notes .paging {
 /* Tags */
 .link-tag-list {
     display: flex;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     gap: 0.375rem;
     flex: 1 1 auto;
     min-width: 0;
+    overflow: hidden;
 }
 
 .link-tag {
@@ -1669,6 +1671,7 @@ body.view-notes .paging {
     order: 2;
     width: 100%;
     justify-content: flex-end;
+    flex-wrap: wrap;
 }
 
 .view-grid .link-actions {
@@ -1678,10 +1681,10 @@ body.view-notes .paging {
 /* Actions */
 .link-actions {
     display: flex;
-    gap: 0.25rem;
+    gap: 0;
     flex-shrink: 0;
     align-items: center;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     justify-content: flex-end;
     max-width: 100%;
     margin-left: auto;
@@ -1693,8 +1696,8 @@ body.view-notes .paging {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 36px;
-    height: 36px;
+    width: 28px;
+    height: 28px;
     background: transparent;
     border: none;
     border-radius: 0.375rem;
@@ -1702,11 +1705,12 @@ body.view-notes .paging {
     cursor: pointer;
     transition: all 0.15s ease;
     text-decoration: none;
+    flex-shrink: 0;
 }
 
 .link-actions a i,
 .link-actions button i {
-    font-size: 1.15rem;
+    font-size: 1rem;
 }
 
 .link-actions a:hover,
@@ -1744,7 +1748,7 @@ body.view-notes .paging {
 
 .view-list .link-readlater-badge {
     top: 1.25rem;
-    right: 3.95rem;
+    right: 3.4rem;
 }
 
 /* List view - selection */