diff client/src/layers/Layers.vue @ 626:d4fa28bfa6ec

fix: layout minor fixes of buttons and menu
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 11 Sep 2018 17:17:37 +0200
parents ef307bd6b5d8
children 8278b2fb0c33
line wrap: on
line diff
--- a/client/src/layers/Layers.vue	Tue Sep 11 17:03:22 2018 +0200
+++ b/client/src/layers/Layers.vue	Tue Sep 11 17:17:37 2018 +0200
@@ -1,15 +1,15 @@
 <template>
-  <div class="ui-element card layerselection shadow">
-    <div class="card-body">
-      <div class="headline">
-        <h4 class="card-title">Layers</h4>
-      </div>
-      <hr>
-      <div class="d-flex flex-column">
-        <Layerselect :layerindex="index" :layername="layer.name" v-for="(layer, index) in layers" :key="layer.name" :isVisible="layer.isVisible" @visibilityToggled="visibilityToggled"></Layerselect>
-      </div>
+    <div class="ui-element card layerselection shadow">
+        <div class="card-body">
+            <div class="headline">
+                <h4 class="card-title">Layers</h4>
+            </div>
+            <hr>
+            <div class="d-flex flex-column">
+                <Layerselect :layerindex="index" :layername="layer.name" v-for="(layer, index) in layers" :key="layer.name" :isVisible="layer.isVisible" @visibilityToggled="visibilityToggled"></Layerselect>
+            </div>
+        </div>
     </div>
-  </div>
 </template>
 
 <style lang="scss">
@@ -18,6 +18,7 @@
 .layerselection {
   background-color: white;
   margin-left: 0.5rem;
+  padding: 0.5rem;
 }
 </style>