# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1559651575 -7200
# Node ID e7726cc3bc56ba0a5ec3fe366eddc136c255b29d
# Parent  a0964fd608ae73e7b24bfcf13bc755df23bcf817
client: configuration: used same color picker for all color settings and adjusted its style

diff -r a0964fd608ae -r e7726cc3bc56 client/src/components/systemconfiguration/ColorSettings.vue
--- a/client/src/components/systemconfiguration/ColorSettings.vue	Tue Jun 04 14:19:50 2019 +0200
+++ b/client/src/components/systemconfiguration/ColorSettings.vue	Tue Jun 04 14:32:55 2019 +0200
@@ -15,7 +15,7 @@
           <h6 class="card-title">
             <translate>Bottleneck Areas stroke-color</translate>
           </h6>
-          <compact-picker v-model="strokeColor" />
+          <chrome-picker v-model="strokeColor" />
         </div>
       </div>
       <div class="mt-4">
@@ -27,6 +27,18 @@
   </div>
 </template>
 
+<style lang="sass" scoped>
+.vc-chrome
+  box-shadow: none
+  border-radius: 0.25rem
+  overflow: hidden
+  /deep/
+    .vc-chrome-body
+      border: solid 1px #dee2e6
+      border-bottom-left-radius: 0.25rem
+      border-bottom-right-radius: 0.25rem
+</style>
+
 <script>
 /* This is Free Software under GNU Affero General Public License v >= 3.0
  * without warranty, see README.md and license for details.