fix size of toggle buttons

dist/index.css

@@ -376,8 +376,7 @@ body[showing-chat] #chat-page-wrapper {
   justify-content: center;
 }
 #chat-page > div > #ribbon button.ribbon-button,
-#chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar button.ribbon-button,
+#chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar button.ribbon-button {
-#chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar button[selected] {
   min-width: calc(var(--control-height) - 2 * var(--gap-between-tiles));
   width: calc(var(--control-height) - 2 * var(--gap-between-tiles));
   max-width: calc(var(--control-height) - 2 * var(--gap-between-tiles));
@@ -385,9 +384,6 @@ body[showing-chat] #chat-page-wrapper {
   height: calc(var(--control-height) - 2 * var(--gap-between-tiles));
   color: var(--primary);
 }
-#chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar button[selected]:not(.ribbon-button) {
-  margin: var(--gap-between-tiles);
-}
 #chat-page > div > #ribbon button > .icon,
 #chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar button > .icon {
   font-size: 1.1rem;

dist/index.js

@@ -2254,7 +2254,7 @@
       this.connectionModel = connectionModel2;
       this.chatListModel = chatListModel2;
       this.fileTransferModel = fileTransferModel2;
-      this.BUILD = "Build 26.04.12.A";
+      this.BUILD = "Build 26.04.12.B";
       // CONTEXT
       this.contextStack = /* @__PURE__ */ new Map();
       this.logContexts = () => {
@@ -2316,7 +2316,6 @@
       this.keystrokes = /* @__PURE__ */ new Map();
       this.handleKeystroke = (e) => {
         const fn = this.keystrokes.get(e.key.toLowerCase());
-        console.log(this.keystrokes);
         if (!fn) return false;
         e.preventDefault();
         fn();
@@ -5256,7 +5255,7 @@
     )), /* @__PURE__ */ createElement("span", null, /* @__PURE__ */ createElement(
       "button",
       {
-        class: "ghost",
+        class: "ghost inset-outline",
         "aria-label": coreViewModel2.translations.chatPage.task.filterTasksButtonAudioLabel,
         "on:click": boardViewModel.showFilterModal,
         "toggle:selected": boardViewModel.isFilterActive

src/View/ChatPages/boardPage.tsx

@@ -128,7 +128,7 @@ export function BoardPage(
                 </span>
                 <span>
                     <button
-                        class="ghost"
+                        class="ghost inset-outline"
                         aria-label={
                             coreViewModel.translations.chatPage.task
                                 .filterTasksButtonAudioLabel

src/View/chatPage.css

@@ -186,15 +186,7 @@ body[showing-chat] #chat-page-wrapper {
     > .pane-wrapper
     > .pane
     > .toolbar
-    button.ribbon-button,
+    button.ribbon-button {
-#chat-page
-    > div
-    > #main
-    > div
-    > .pane-wrapper
-    > .pane
-    > .toolbar
-    button[selected] {
     min-width: calc(var(--control-height) - 2 * var(--gap-between-tiles));
     width: calc(var(--control-height) - 2 * var(--gap-between-tiles));
     max-width: calc(var(--control-height) - 2 * var(--gap-between-tiles));
@@ -205,17 +197,6 @@ body[showing-chat] #chat-page-wrapper {
     color: var(--primary);
 }
 
-#chat-page
-    > div
-    > #main
-    > div
-    > .pane-wrapper
-    > .pane
-    > .toolbar
-    button[selected]:not(.ribbon-button) {
-    margin: var(--gap-between-tiles);
-}
-
 #chat-page > div > #ribbon button > .icon,
 #chat-page
     > div

src/ViewModel/Global/coreViewModel.ts

@@ -8,7 +8,7 @@ import FileTransferModel from "../../Model/Global/fileTransferModel";
 import { v4 } from "uuid";
 
 export default class CoreViewModel {
-    readonly BUILD = "Build 26.04.12.B";
+    readonly BUILD = "Build 26.04.12.C";
 
     translations: Translations;