update

frontend/src/App.vue

@@ -141,7 +141,7 @@ const tabs = computed(() => [
     count: quellen.value.find((q) => q.id === quelle.value)?.count ?? null,
   },
   { id: 'suche', label: 'Suche', count: null },
-  ...(host.value ? [] : [{ id: 'merkliste', label: 'Sammlungen', count: null }]),
+  { id: 'merkliste', label: 'Sammlungen', count: null },
   { id: 'wheel', label: 'Rad', count: null },
   { id: 'stream', label: 'Stream', count: null },
   ...(angemeldet.value || host.value ? [{ id: 'clips', label: 'Clips', count: null }] : []),
@@ -571,6 +571,14 @@ onMounted(load)
   gap: 0.35rem;
   align-items: stretch;
   min-width: 0;
+  /* Zehn Reiter passen nicht auf jeden Schirm — dann rollt die Leiste,
+     statt unter den Namen zu laufen */
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+.tabs::-webkit-scrollbar {
+  display: none;
 }
 
 .rechts {

frontend/src/components/NamensWahl.vue

@@ -153,7 +153,7 @@ onUnmounted(() => {
         <button type="button" :class="{ aktiv: mine?.id === u.id }" @click="waehlen(u)">
           <span class="zeile" :title="`Erfahrung: ${u.punkte - u.von} / ${u.bis - u.von}`">
             <PersonName :name="u.name" :level="u.level" />
-            <span v-if="u.geschuetzt" class="schloss" title="Mit Anmeldefilm">&#9679;</span>
+            <span v-if="u.online" class="online" title="Gerade da"></span>
           </span>
         </button>
       </li>
@@ -423,11 +423,15 @@ onUnmounted(() => {
 }
 
 /* Der Punkt zeigt: hier fragt die Seite nach dem Anmeldefilm */
-.schloss {
-  margin-left: 0.3rem;
-  color: var(--muted);
-  font-size: 0.6rem;
+/* Grüner Punkt: eine Seite mit diesem Namen ist gerade offen */
+.online {
+  display: inline-block;
+  width: 0.5rem;
+  height: 0.5rem;
+  margin-left: 0.35rem;
   vertical-align: middle;
+  background: #3ddc84;
+  border-radius: 50%;
 }
 
 @media (max-width: 640px), (pointer: coarse) {