From 4b1ee70da54442748d68e89fe8c478bceb54c68e Mon Sep 17 00:00:00 2001
From: portree_kid <keith.paterson@gmx.de>
Date: Mon, 22 Jun 2020 17:04:50 +0200
Subject: [PATCH] Styling

---
 src/renderer/components/AirportEdit.vue    | 10 ++++++++--
 src/renderer/components/CheckPanel.vue     | 14 ++++++++++----
 src/renderer/components/LeafletSidebar.vue |  6 ++++--
 3 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/renderer/components/AirportEdit.vue b/src/renderer/components/AirportEdit.vue
index 7587865..1ce8a8d 100644
--- a/src/renderer/components/AirportEdit.vue
+++ b/src/renderer/components/AirportEdit.vue
@@ -3,7 +3,7 @@
     <h1 class="leaflet-sidebar-header">{{ icao }} {{ name }}</h1>
     <div width="100%" >
         <el-row>
-          <el-col :span="7">Airlines :</el-col>
+          <el-col :span="7"><span class="label"> Airlines :</span></el-col>
           <el-col :span="15">
             <el-tag v-for="item in airlines" :key="item.value">{{item.value}}</el-tag>
           </el-col>
@@ -71,7 +71,7 @@ export default {
           if (this.editLayer === null) {
             this.initLayer()
           }
-          return this.editLayer.editing
+          return this.editLayer !== null && this.editLayer.editing
         }
       },
       icao: function () {
@@ -119,4 +119,10 @@ export default {
      padding: 0em;
      margin-bottom: 5px;
    }
+.label {
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  font-weight: bold;
+}
 </style>
\ No newline at end of file
diff --git a/src/renderer/components/CheckPanel.vue b/src/renderer/components/CheckPanel.vue
index 732d5e8..7fb749f 100644
--- a/src/renderer/components/CheckPanel.vue
+++ b/src/renderer/components/CheckPanel.vue
@@ -8,10 +8,10 @@
     </h1>
     <div id="panel" width="100%">            
       <el-row v-for="(result,idx) in results" :key="idx">
-        <el-col :span="3" v-if="result.id<0"><i class="far fa-check-circle"></i></el-col>         
-        <el-col :span="3" v-if="result.id>=0"><i class="fas fa-exclamation-triangle"></i></el-col>         
-        <el-col :span="15">{{ result.message }}</el-col>
-        <el-col :span="7" v-if="result.id>=0"><el-button v-on:click="show(result.id)" class="button"><i class="fas fa-bullseye"></i></el-button></el-col>         
+        <el-col :span="2" v-if="result.id<0"><span class="label"><i class="far fa-check-circle"></i></span></el-col>         
+        <el-col :span="2" v-if="result.id>=0"><span class="label"><i class="fas fa-exclamation-triangle"></i></span></el-col>         
+        <el-col :span="15"><span class="label">{{ result.message }}</span></el-col>
+        <el-col :span="4" v-if="result.id>=0"><el-button v-on:click="show(result.id)" class="button"><i class="fas fa-bullseye"></i></el-button></el-col>         
       </el-row>
     </div>
   </div>
@@ -53,4 +53,10 @@
   padding-left: 10px;
   padding-right: 10px;
 }
+.label {
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  font-weight: normal;
+}
 </style>
diff --git a/src/renderer/components/LeafletSidebar.vue b/src/renderer/components/LeafletSidebar.vue
index 50cde2f..8bd9db8 100644
--- a/src/renderer/components/LeafletSidebar.vue
+++ b/src/renderer/components/LeafletSidebar.vue
@@ -6,7 +6,7 @@
             <li><a href="#home" role="tab"><i class="fa fa-bars"></i></a></li>
             <li><a href="#edit" role="tab"><i class="fas fa-edit"></i></a></li>
             <!--<li><a href="#parking" role="tab"><i class="fas fa-parking"></i></a></li>-->
-            <li><a href="#check" role="tab"><i class="far fa-check-square"></i></a></li>
+            <li :v-if="results"><a href="#check" role="tab"><i class="far fa-check-square"></i></a></li>
             <li><a href="#search" role="tab"><i class="fa fa-search"></i></a></li>
             <li><a href="#wip" role="tab"><i class="fas fa-wrench"></i></a></li>
         </ul>
@@ -126,7 +126,9 @@
       }
     },
     computed: {
-
+      results: function () {
+        return this.$store.state.Check.results.length > 0
+      }
     }
 }
 </script>