# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1542799036 -3600
# Node ID da51fd6a72a000c7f702e6e0a457e5de379cfa16
# Parent  d1903250390b493b3eee60e0ecdff583220a7e36
added close buttons to boxes

diff -r d1903250390b -r da51fd6a72a0 client/src/identify/Identify.vue
--- a/client/src/identify/Identify.vue	Wed Nov 21 12:10:12 2018 +0100
+++ b/client/src/identify/Identify.vue	Wed Nov 21 12:17:16 2018 +0100
@@ -1,9 +1,10 @@
 <template>
     <div :class="['box ui-element rounded bg-white mb-auto text-nowrap', { expanded: showIdentify }]">
         <div style="width: 20rem">
-            <h5 class="mb-0 py-2 border-bottom">
-              <i class="fa fa-info"></i>
+            <h5 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
+              <i class="fa fa-info mr-2"></i>
               Identified
+              <i class="fa fa-times ml-auto" @click="$store.commit('application/showIdentify', false)"></i>
             </h5>
             <div class="d-flex flex-column features p-3 flex-grow-1 text-left">
                 <div v-if="currentMeasurement">
diff -r d1903250390b -r da51fd6a72a0 client/src/layers/Layers.vue
--- a/client/src/layers/Layers.vue	Wed Nov 21 12:10:12 2018 +0100
+++ b/client/src/layers/Layers.vue	Wed Nov 21 12:17:16 2018 +0100
@@ -1,9 +1,10 @@
 <template>
     <div :class="['box ui-element rounded bg-white mb-auto text-nowrap', { expanded: showLayers }]">
         <div style="width: 16rem">
-            <h5 class="mb-0 py-2 border-bottom">
-              <i class="fa fa-th-list"></i>
+            <h5 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
+              <i class="fa fa-th-list mr-2"></i>
               Layers
+              <i class="fa fa-times ml-auto" @click="$store.commit('application/showLayers', false)"></i>
             </h5>
             <div class="d-flex flex-column p-3 small">
                 <Layerselect
diff -r d1903250390b -r da51fd6a72a0 client/src/morphtool/Morphtool.vue
--- a/client/src/morphtool/Morphtool.vue	Wed Nov 21 12:10:12 2018 +0100
+++ b/client/src/morphtool/Morphtool.vue	Wed Nov 21 12:17:16 2018 +0100
@@ -1,8 +1,9 @@
 <template>
     <div :class="['box ui-element rounded bg-white ml-auto mr-3 mb-3 text-nowrap', { expanded: selectedBottleneck && surveys && !selectedSurvey }]">
         <div style="width: 15rem">
-            <h5 class="mb-0 py-2 border-bottom">
+            <h5 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
               {{ selectedBottleneck }}
+              <i class="fa fa-times ml-auto" @click="$store.dispatch('fairwayprofile/clearSelection');"></i>
             </h5>
             <div class="p-3">
                 <div
diff -r d1903250390b -r da51fd6a72a0 client/src/pdftool/Pdftool.vue
--- a/client/src/pdftool/Pdftool.vue	Wed Nov 21 12:10:12 2018 +0100
+++ b/client/src/pdftool/Pdftool.vue	Wed Nov 21 12:17:16 2018 +0100
@@ -1,9 +1,10 @@
 <template>
     <div :class="['box ui-element rounded bg-white mb-auto text-nowrap', { expanded: showPdfTool }]">
         <div style="width: 15rem">
-            <h5 class="mb-0 py-2 border-bottom">
-              <i class="fa fa-file-pdf-o"></i>
+            <h5 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
+              <i class="fa fa-file-pdf-o mr-2"></i>
               Generate PDF
+              <i class="fa fa-times ml-auto" @click="$store.commit('application/showPdfTool', false)"></i>
             </h5>
             <div class="p-3">
                 <b>Chose format:</b>