fix close icon on buy & sell and keyboard input into number increment component is now a number, not a string

website/client/src/components/shops/buyModal.vue

@@ -17,7 +17,7 @@
     </span>
     <div>
       <span
-        class="svg-icon icon-16 close-icon"
+        class="svg-icon close-icon icon-16 color"
         aria-hidden="true"
         tabindex="0"
         @click="hideDialog()"
@@ -398,11 +398,11 @@
     }
 
     .close-icon {
-      fill: $gray-200;
+      color: $gray-200;
       stroke-width: 0px;
 
       &:hover {
-        fill: $gray-100;
+          color: $gray-100;
       }
     }
 

website/client/src/components/shops/market/sellModal.vue

@@ -4,9 +4,9 @@
     :hide-header="true"
     @change="onChange($event)"
   >
-    <div class="close">
+    <div>
       <span
-        class="svg-icon inline icon-16"
+        class="svg-icon close-icon icon-16 color"
         aria-hidden="true"
         @click="hideDialog()"
         v-html="icons.close"
@@ -189,12 +189,13 @@
       width: 16px;
     }
 
-    .close {
-      fill: $gray-200;
+    .close-icon {
+      color: $gray-200;
       stroke-width: 0px;
+      cursor: pointer;
 
       &:hover {
-        fill: $gray-100;
+        color: $gray-100;
       }
     }
 

website/client/src/mixins/numberInvalid.js

@@ -1,8 +1,9 @@
 export default {
   computed: {
     numberInvalid () {
-      return this.selectedAmountToBuy < 1
-      || !Number.isInteger(this.selectedAmountToBuy);
+      const inputNumber = Number(this.selectedAmountToBuy);
+      return inputNumber < 1
+      || !Number.isInteger(inputNumber);
     },
   },
 };