From b96a3fc341255db756a61823741ed39c922efd67 Mon Sep 17 00:00:00 2001
From: Anton Vakhrushev <anwinged@ya.ru>
Date: Wed, 24 Jun 2020 14:24:16 +0300
Subject: [PATCH] Fix header ui

---
 src/DashboardView/Header.vue | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/DashboardView/Header.vue b/src/DashboardView/Header.vue
index 45202f4..d312554 100644
--- a/src/DashboardView/Header.vue
+++ b/src/DashboardView/Header.vue
@@ -1,10 +1,12 @@
 <template>
-  <section>
-    <h1 class="title">
-      [{{ shared.name }}] {{ villageName }}
-      <span class="version">- {{ shared.version }}</span>
-    </h1>
-    <p>
+  <section class="header">
+    <div class="into-block">
+      <h1 class="title">
+        [{{ shared.name }}] {{ villageName }}
+        <span class="version">- {{ shared.version }}</span>
+      </h1>
+    </div>
+    <div class="actions-block">
       <a href="#" v-on:click.prevent="pause">
         pause
         <span
@@ -13,7 +15,7 @@
         ></span>
       </a>
       <a href="#" v-on:click.prevent="toggleLogs">logs</a>
-    </p>
+    </div>
   </section>
 </template>
 
@@ -44,6 +46,15 @@ export default {
 </script>
 
 <style scoped>
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.into-block {
+}
+.actions-block {
+}
 .title {
   font-size: 160%;
   padding-top: 8px;