making settings more readable and navigatable

public/s/css/f0ckm.css

@@ -2539,7 +2539,7 @@ body.layout-legacy .comments-list {
 
 body.layout-legacy .scroll-nav-wrapper {
   position: absolute;
-  top: 0;
+  top: -30px;
   bottom: 0;
   right: -50px;
   width: 40px;
@@ -8017,12 +8017,6 @@ span.badge.badge-current {
   margin-bottom: 20px;
 }
 
-@media (max-width: 900px) {
-  .avatar-settings-wrapper {
-    grid-template-columns: 1fr;
-  }
-}
-
 .avatar-preview-container {
   display: flex;
   flex-direction: column;

public/s/js/f0ckm.js

@@ -3223,9 +3223,9 @@ window.cancelAnimFrame = (function () {
           const targetEl = document.querySelector(hash);
           if (targetEl) {
             targetEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            // Clear any previous highlight, then permanently mark this element
+            document.querySelectorAll('.comment-highlighted').forEach(el => el.classList.remove('comment-highlighted'));
             targetEl.classList.add('comment-highlighted');
-            // Remove highlight after some time to keep UI clean
-            setTimeout(() => targetEl.classList.remove('comment-highlighted'), 3000);
           }
         }
         

public/s/js/scroller.js

@@ -711,9 +711,12 @@
       const id = contextLink.dataset.id;
       const target = commentsList.querySelector(`.comment-item[data-comment-id="${id}"]`);
       if (target) {
+        // Clear any previous persistent highlight
+        commentsList.querySelectorAll('.comment-linked').forEach(el => el.classList.remove('comment-linked'));
         target.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        target.classList.add('highlight-comment');
-        setTimeout(() => target.classList.remove('highlight-comment'), 2000);
+        // Flash the animation for attention, then keep the persistent highlight
+        target.classList.add('highlight-comment', 'comment-linked');
+        setTimeout(() => target.classList.remove('highlight-comment'), 2500);
       }
     }
   });