changeset 3614:2055b689be54

client: configuration: morphology: even less flashy delete button style
author Markus Kottlaender <markus@intevation.de>
date Wed, 05 Jun 2019 13:14:48 +0200
parents 6a5a2ffcf74b
children fc7b24f89164
files client/src/components/systemconfiguration/MorphologyClassbreaks.vue
diffstat 1 files changed, 8 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/systemconfiguration/MorphologyClassbreaks.vue	Wed Jun 05 13:01:56 2019 +0200
+++ b/client/src/components/systemconfiguration/MorphologyClassbreaks.vue	Wed Jun 05 13:14:48 2019 +0200
@@ -24,7 +24,7 @@
               type="button"
               @click="classbreaks.splice(i, 1)"
             >
-              <font-awesome-icon icon="trash" />
+              <font-awesome-icon icon="times" />
             </button>
           </div>
         </div>
@@ -62,7 +62,7 @@
               type="button"
               @click="classbreaks.splice(i, 1)"
             >
-              <font-awesome-icon icon="trash" />
+              <font-awesome-icon icon="times" />
             </button>
           </div>
         </div>
@@ -91,6 +91,12 @@
 <style lang="sass" scoped>
 .classbreak
   width: 92px
+  .btn-outline-secondary
+    border-color: #ccc
+    color: #ccc
+    &:hover
+      background: #eee
+      color: #dc3545
 </style>
 
 <script>