update toolbar layout to support button groups

src/View/ChatPages/boardPage.tsx

@@ -8,20 +8,24 @@ export function BoardPage(boardViewModel: BoardViewModel) {
   return (
     <div class="pane">
       <div class="toolbar">
-        <button
-          class="ghost"
-          aria-label={translations.chatPage.task.closeBoard}
-          on:click={boardViewModel.close}
-        >
-          <span class="icon">arrow_back</span>
-        </button>
-        <button
-          class="ghost"
-          aria-label={translations.chatPage.task.boardSettingsHeadline}
-          on:click={boardViewModel.showSettings}
-        >
-          <span class="icon">settings</span>
-        </button>
+        <span>
+          <button
+            class="ghost"
+            aria-label={translations.chatPage.task.closeBoard}
+            on:click={boardViewModel.close}
+          >
+            <span class="icon">arrow_back</span>
+          </button>
+          <button
+            class="ghost"
+            aria-label={translations.chatPage.task.boardSettingsHeadline}
+            on:click={boardViewModel.showSettings}
+          >
+            <span class="icon">settings</span>
+          </button>
+        </span>
+        <span>a</span>
+        <span>b</span>
       </div>
       <div class="content"></div>
 

src/View/ChatPages/messagePage.tsx

@@ -40,7 +40,7 @@ export function MessagePage(messagePageViewModel: MessagePageViewModel) {
       <div class="pane-wrapper">
         <div class="pane">
           <div class="toolbar">
-            <span>{translations.chatPage.message.messagesHeadline}</span>
+            <span class="title">{translations.chatPage.message.messagesHeadline}</span>
           </div>
           <div class="content">
             {messageContainer}

src/View/ChatPages/settingsPage.tsx

@@ -23,7 +23,9 @@ export function SettingsPage(settingsPageViewModel: SettingsPageViewModel) {
       <div class="pane-wrapper">
         <div class="pane">
           <div class="toolbar">
-            <span>{translations.chatPage.settings.settingsHeadline}</span>
+            <span class="title">
+              {translations.chatPage.settings.settingsHeadline}
+            </span>
           </div>
           <div class="content">
             <label class="tile flex-no">