Chat-Page: Archivieren-Button durch 3-Dot-Menü ersetzt

wwwroot/css/chat.css

@@ -1,3 +1,45 @@
+/* Header Menu */
+
+.header-menu {
+  position: relative;
+  margin-left: auto;
+}
+
+.header-menu-trigger {
+  padding: var(--s1) var(--s2);
+  line-height: 1;
+}
+
+.header-menu-dropdown {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  margin-top: var(--s1);
+  background: var(--f3-bg);
+  border: var(--border-width) solid var(--f3-border);
+  min-width: 10em;
+  z-index: 100;
+  display: flex;
+  flex-direction: column;
+}
+
+.header-menu-dropdown[hidden] {
+  display: none;
+}
+
+.header-menu-item {
+  border: none;
+  text-align: left;
+  padding: var(--s2) var(--s3);
+  background: none;
+  white-space: nowrap;
+}
+
+.header-menu-item:not(:disabled):hover {
+  background: var(--f2-bg);
+  border: none;
+}
+
 #chat {
   flex: 1;
   overflow-y: auto;
@@ -56,10 +98,10 @@
 }
 
 .tool-box {
-  align-self: center;
   padding: var(--s2);
   background: var(--f3-bg);
   border: var(--border-width) solid var(--f3-border);
+  opacity: 0.5;
 }
 
 .input-area {