update design

src/assets/main.css

@@ -1,7 +1,6 @@
 @import './base.css';
 
 .header-block {
-  height: 50px;
   background-color: var(--main-color);
   font-size: large;
   color: white;

src/components/AdminWindow.vue

@@ -60,16 +60,17 @@ onMounted(async () => {
 
 <template>
   <div class="header-block">
+    <div>
       Вечерний детектив - {{ gameState }}
     </div>
+    <div class="buttons-block">
+      <button v-on:click="startGame" class="button-menu button-custom-inline">Начать</button>
+      <button v-on:click="stopGame" class="button-menu button-custom-inline">Остановить</button>
+    </div>
+  </div>
 
   <TeamQRCode :data="qrurl" :title="qrteam" />
 
-  <div class="form-block buttons-block">
-    <a v-on:click="startGame" class="button-menu">Начать</a>
-    <a v-on:click="stopGame" class="button-menu">Остановить</a>
-  </div>
-
   <table>
     <thead>
       <tr>
@@ -77,7 +78,7 @@ onMounted(async () => {
         <th>Название команды</th>
         <th>Поездки</th>
         <th>Приложения</th>
-        <th><button v-on:click="apiDownloadQrCodesFile" class="button-custom-inline">Скачать qr-ы</button></th>
+        <th><button v-on:click="apiDownloadQrCodesFile" class="button-custom-inline">Скачать&nbsp;qr‑ы</button></th>
       </tr>
     </thead>
     <tbody>
@@ -119,11 +120,11 @@ onMounted(async () => {
 
 <style scoped>
 .buttons-block {
-  padding-top: 20px;
+  padding-top: 5px;
 }
 
 .button-menu {
-  margin: 5px;
+  margin: 5px 10px 5px 0;
 }
 
 table {