Fix dashboard style

src/Dashboard/Components/DashboardApp.vue

@@ -2,11 +2,11 @@
   <main id="dashboard">
     <div id="dashboard-inner">
       <hdr></hdr>
-      <task-list></task-list>
+      <village-state-list></village-state-list>
       <hr class="separator" />
       <quick-actions></quick-actions>
       <hr class="separator" />
-      <village-state-list></village-state-list>
+      <task-list></task-list>
     </div>
   </main>
 </template>
@@ -47,7 +47,7 @@ export default {
 }
 #dashboard-inner {
   background-color: white;
-  padding: 10px;
+  padding: 5px;
 }
 .separator {
   margin: 10px auto;

src/Dashboard/Components/Header.vue

@@ -1,7 +1,9 @@
 <template>
   <section>
-    <h1 class="title">{{ shared.name }} - {{ villageName }}</h1>
-    <p class="version">{{ shared.version }}</p>
+    <h1 class="title">
+      [{{ shared.name }}] {{ villageName }}
+      <span class="version">- {{ shared.version }}</span>
+    </h1>
   </section>
 </template>
 
@@ -28,8 +30,6 @@ export default {
   margin-bottom: 8px;
 }
 .version {
-  font-size: 120%;
-  margin-top: 8px;
-  margin-bottom: 8px;
+  font-size: 14px;
 }
 </style>