Mercurial > gemma

changeset 4200:5cee71c929d1 stylesconfig

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
style-config: improve layout
author Fadi Abbud <fadi.abbud@intevation.de>
date Fri, 09 Aug 2019 09:51:46 +0200
parents 8509d80b85a1
children e564ea0ee095
files client/src/components/systemconfiguration/ColorSettings.vue
diffstat 1 files changed, 9 insertions(+), 11 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/systemconfiguration/ColorSettings.vue	Thu Aug 08 17:16:20 2019 +0200
+++ b/client/src/components/systemconfiguration/ColorSettings.vue	Fri Aug 09 09:51:46 2019 +0200
@@ -2,20 +2,18 @@
   <div class="d-flex flex-column py-4">
     <div class="px-3 container-fluid">
       <div class="row">
-        <div v-for="f in features" :key="f.key" class="column n ml-4">
-          <div class="row-sm-2 mt-1">
-            <div v-if="f.fillColor" class="card">
-              <div class="card-header small text-left">
-                <translate>{{ f.name }} Fill Color</translate>
-              </div>
-              <div class="card-body p-0">
-                <chrome-picker v-model="f.fillColor" />
-              </div>
+        <div v-for="f in features" :key="f.key" class="col-sm-2 mt-2">
+          <div v-if="f.fillColor" class="card">
+            <div class="card-header small text-center">
+              <translate>{{ f.name }} Fill Color</translate>
+            </div>
+            <div class="card-body p-0">
+              <chrome-picker v-model="f.fillColor" />
             </div>
           </div>
-          <div class="row-sm-2 mt-1">
+          <div class="mt-2">
             <div v-if="f.strokeColor" class="card">
-              <div class="card-header small font-weight text-left">
+              <div class="card-header small text-center">
                 <translate>{{ f.name }} Border Color</translate>
               </div>
               <div class="card-body p-0">