# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1542888948 -3600
# Node ID e9fb72fa6baeaa9b0b1e01df4d03b8a851432ade
# Parent  ad528ad130d6c15b6322771ae8c98dd9c60c44fb
improved box positioninig

diff -r ad528ad130d6 -r e9fb72fa6bae client/src/assets/application.sass
--- a/client/src/assets/application.sass	Thu Nov 22 13:10:22 2018 +0100
+++ b/client/src/assets/application.sass	Thu Nov 22 13:15:48 2018 +0100
@@ -63,8 +63,9 @@
   overflow: hidden
   margin-left: 0
   margin-right: 0
+  margin-bottom: 0
   box-shadow: $shadow-xs
-  transition: max-width .4s, max-height .4s, margin-left .4s, margin-right .4s
+  transition: max-width .4s, max-height .4s, margin-left .4s, margin-right .4s, margin-bottom .4s
 
 .box h6,
 .contextbox h6
@@ -77,3 +78,4 @@
   max-width: 999px
   margin-left: 0.5rem
   margin-right: 0.5rem
+  margin-bottom: 0.5rem
diff -r ad528ad130d6 -r e9fb72fa6bae client/src/components/App.vue
--- a/client/src/components/App.vue	Thu Nov 22 13:10:22 2018 +0100
+++ b/client/src/components/App.vue	Thu Nov 22 13:15:48 2018 +0100
@@ -10,9 +10,13 @@
                     </div>
                 </div>
                 <div class="ml-auto d-flex">
-                    <Pdftool v-if="routeName == 'mainview'"></Pdftool>
-                    <Layers v-if="routeName == 'mainview'"></Layers>
-                    <Identify v-if="routeName == 'mainview'"></Identify>
+                    <div class="d-flex flex-column align-items-end">
+                        <Layers v-if="routeName == 'mainview'"></Layers>
+                    </div>
+                    <div class="d-flex flex-column align-items-end">
+                        <Identify v-if="routeName == 'mainview'"></Identify>
+                        <Pdftool v-if="routeName == 'mainview'"></Pdftool>
+                    </div>
                     <Toolbar v-if="routeName == 'mainview'"></Toolbar>
                 </div>
             </div>
diff -r ad528ad130d6 -r e9fb72fa6bae client/src/components/map/Identify.vue
--- a/client/src/components/map/Identify.vue	Thu Nov 22 13:10:22 2018 +0100
+++ b/client/src/components/map/Identify.vue	Thu Nov 22 13:15:48 2018 +0100
@@ -1,5 +1,5 @@
 <template>
-    <div :class="['box ui-element rounded bg-white mb-auto text-nowrap', { expanded: showIdentify }]">
+    <div :class="['box ui-element rounded bg-white text-nowrap', { expanded: showIdentify }]">
         <div style="width: 20rem">
             <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
               <i class="fa fa-info mr-2"></i>
diff -r ad528ad130d6 -r e9fb72fa6bae client/src/components/map/Pdftool.vue
--- a/client/src/components/map/Pdftool.vue	Thu Nov 22 13:10:22 2018 +0100
+++ b/client/src/components/map/Pdftool.vue	Thu Nov 22 13:15:48 2018 +0100
@@ -1,6 +1,6 @@
 <template>
-    <div :class="['box ui-element rounded bg-white mb-auto text-nowrap', { expanded: showPdfTool }]">
-        <div style="width: 15rem">
+    <div :class="['box ui-element rounded bg-white text-nowrap', { expanded: showPdfTool }]">
+        <div style="width: 20rem">
             <h6 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
diff -r ad528ad130d6 -r e9fb72fa6bae client/src/components/map/layers/Layers.vue
--- a/client/src/components/map/layers/Layers.vue	Thu Nov 22 13:10:22 2018 +0100
+++ b/client/src/components/map/layers/Layers.vue	Thu Nov 22 13:15:48 2018 +0100
@@ -1,5 +1,5 @@
 <template>
-    <div :class="['box ui-element rounded bg-white mb-auto text-nowrap', { expanded: showLayers }]">
+    <div :class="['box ui-element rounded bg-white text-nowrap', { expanded: showLayers }]">
         <div style="width: 20rem">
             <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
               <i class="fa fa-th-list mr-2"></i>