pawing (#1238)

web/views/partials/nav.ejs

@@ -42,11 +42,10 @@
     display: flex;
     align-items: center;
     gap: 12px;
-    padding: 10px 12px;
     transition: background-color 200ms ease;
 }
-.switcher-card.card-tss .switcher-card-inner { flex-direction: row; }
-.switcher-card.card-sre .switcher-card-inner { flex-direction: row-reverse; }
+.switcher-card.card-tss .switcher-card-inner { flex-direction: row; padding: 10px 4px 10px 26px; }
+.switcher-card.card-sre .switcher-card-inner { flex-direction: row-reverse; padding: 10px 26px 10px 4px; }
 .switcher-card:hover .switcher-card-inner { background: rgba(255,255,255,0.04); }
 .switcher-card.card-tss:hover { filter: drop-shadow(0 0 14px rgba(255,157,0,0.18)); }
 .switcher-card.card-sre:hover { filter: drop-shadow(0 0 14px rgba(144,238,144,0.18)); }
@@ -77,6 +76,10 @@
 }
 .switcher-card.card-tss .switcher-text { text-align: left; }
 .switcher-card.card-sre .switcher-text { text-align: right; }
+.switcher-card.card-tss .switcher-title,
+.switcher-card.card-tss .switcher-sub { padding-left: 4px; }
+.switcher-card.card-sre .switcher-title,
+.switcher-card.card-sre .switcher-sub { padding-right: 4px; }
 .switcher-title {
     font-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
     font-size: 22px;
@@ -115,44 +118,6 @@
 .switcher-card.card-tss .switcher-pip { background: #ff9d00; box-shadow: 0 0 6px #ff9d00; }
 .switcher-card.card-sre .switcher-pip { background: #90EE90; box-shadow: 0 0 6px #90EE90; }
 
-.switcher-divider {
-    flex: 0 0 1px;
-    align-self: stretch;
-    margin: 14px 0;
-    background: linear-gradient(180deg,transparent,rgba(255,255,255,0.12) 30%,rgba(255,255,255,0.12) 70%,transparent);
-    position: relative;
-}
-.switcher-divider::after {
-    content: "↔";
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%,-50%);
-    width: 22px; height: 22px;
-    border-radius: 999px;
-    background: #171717;
-    border: 1px solid rgba(255,255,255,0.12);
-    color: rgba(255,255,255,0.55);
-    font-size: 11px;
-    line-height: 20px;
-    text-align: center;
-    font-family: ui-sans-serif, system-ui;
-}
-
-.switcher-current-pin {
-    position: absolute;
-    top: 6px;
-    font-size: 8px;
-    letter-spacing: 0.18em;
-    font-weight: 700;
-    text-transform: uppercase;
-    padding: 2px 6px;
-    border-radius: 4px;
-    background: rgba(144,238,144,0.14);
-    color: #90EE90;
-    border: 1px solid rgba(144,238,144,0.28);
-}
-.switcher-card.card-sre .switcher-current-pin { right: 12px; }
 </style>
 <!-- Navigation Bar -->
 <nav class="fixed top-0 left-0 right-0 bg-[#1E1E1E]/98 backdrop-blur-md border-b border-white/5" style="z-index: 1000;">
@@ -176,9 +141,7 @@
                                 <img src="/images/light_fury_match.jpg" alt="Light Fury" class="switcher-pfp" width="56" height="56">
                             </div>
                         </a>
-                        <div class="switcher-divider" aria-hidden="true"></div>
                         <a href="/" class="switcher-card card-sre" role="menuitem" aria-current="page" aria-label="Toothless SREBOT (current)">
-                            <span class="switcher-current-pin">Here</span>
                             <div class="switcher-card-inner">
                                 <div class="switcher-text">
                                     <span class="switcher-title">SRE</span>