Mercurial > gemma
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>