# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1543491012 -3600
# Node ID 7e4b7935b63ad60434527f7ce1c4c9ecb79d07fe
# Parent  5bd58141b806bb0991f80c998f7e020546e48254
removed spacings between buttons in toolbar

diff -r 5bd58141b806 -r 7e4b7935b63a client/src/components/map/toolbar/Profiles.vue
--- a/client/src/components/map/toolbar/Profiles.vue	Thu Nov 29 12:19:26 2018 +0100
+++ b/client/src/components/map/toolbar/Profiles.vue	Thu Nov 29 12:30:12 2018 +0100
@@ -1,5 +1,5 @@
 <template>
-    <div @click="$store.commit('application/showProfiles', !showProfiles)" class="toolbar-button">
+    <div @click="$store.commit('application/showProfiles', !showProfiles)" class="toolbar-button border-0">
         <font-awesome-icon icon="chart-area" :class="{ 'text-info': showProfiles }"></font-awesome-icon>
     </div>
 </template>
diff -r 5bd58141b806 -r 7e4b7935b63a client/src/components/map/toolbar/Toolbar.vue
--- a/client/src/components/map/toolbar/Toolbar.vue	Thu Nov 29 12:19:26 2018 +0100
+++ b/client/src/components/map/toolbar/Toolbar.vue	Thu Nov 29 12:30:12 2018 +0100
@@ -16,11 +16,14 @@
 // not scoped to affect nested components
 // doen't work when put in application/assets/application.sass... why??? o_O
 .toolbar
+  box-shadow: $shadow-xs
   overflow: hidden
   transition: max-height 0.4s
+  margin-bottom: auto
+  border-radius: $border-radius
 
 .toolbar-collapsed
-  max-height: (3 * $icon-height) + (4 * $offset) + 1rem
+  max-height: (3 * $icon-height) + 1.2rem
 
 .toolbar-expanded
   max-height: 100%
@@ -34,13 +37,13 @@
   justify-content: center
   display: flex
   background: #fff
-  margin-bottom: $offset
-  border-radius: $border-radius
-  box-shadow: $shadow-xs
+  border-bottom: 1px solid #dee2e6
   z-index: 2
   pointer-events: auto
   position: relative
   overflow: hidden
+  &:last-child
+    border-bottom: none
   .inverted
     color: $color-info
   .grey
@@ -62,6 +65,7 @@
 
 .toolbar-toggle
   height: 1.2rem
+  border-bottom: none
 </style>
 
 <script>