header: button-styled links

index.html

@@ -18,8 +18,11 @@
   .tab { padding: 6px 14px; border: 1px solid #ddd; border-radius: 18px;
          background: #fff; cursor: pointer; font-size: 13px; }
   .tab.active { background: #1c1c1e; color: #fff; border-color: #1c1c1e; }
-  header .links { margin-left: auto; font-size: 12.5px; }
-  header .links a { margin-left: 14px; text-decoration: none; }
+  header .links { margin-left: auto; display: flex; gap: 8px; }
+  header .links a { padding: 6px 14px; border: 1px solid #ddd;
+                    border-radius: 18px; background: #fff; color: #1c1c1e;
+                    font-size: 13px; text-decoration: none; }
+  header .links a:hover { border-color: #1c1c1e; }
   main { flex: 1; display: flex; min-height: 0; }
   #itemlist { width: 172px; overflow-y: auto; padding: 10px; background: #f6f6f8; }
   .itembtn { display: block; width: 100%; text-align: left; margin-bottom: 6px;