Merge pull request #2531 from patzick/bugfix/ui-improvements

Bugfix/ui improvements

Author: patzick

src/themes/default/components/core/ProductTile.vue

@@ -152,14 +152,22 @@ $color-white: color(white);
   width: 100%;
   overflow: hidden;
   max-height: 300px;
-  height: 270px;
+  height: 100%;
+  min-height: 155px;
   display: flex;
   align-items: flex-end;
   background-image: url('/assets/placeholder.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 60% auto;
 
+  @media (min-width: 768px) {
+    min-height: 190px;
+  }
+  @media (min-width: 1200px) {
+    min-height: 300px;
+  }
+
   &__content {
     display: none;
   }

src/themes/default/components/core/blocks/Form/BaseInputNumber.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="base-input-number">
-    <label class="base-input-number__label flex" :for="getInputId">{{ name }}</label>
+    <label class="base-input-number__label cl-primary flex" :for="getInputId">{{ name }}</label>
     <input
       :id="getInputId"
       type="number"
@@ -69,13 +69,21 @@ export default {
       border-style: solid;
       border-width: 0 0 1px 0;
       width: 50px;
-      height: 1.7rem;
+      height: 1.4rem;
       line-height: 1.7rem;
+      @media (min-width: 768px) {
+        height: 1.7rem;
+      }
     }
 
     &__label {
-      font-size: 14px;
+      font-size: 0.8rem;
+      line-height: 1.2rem;
       max-width: 100px;
+      @media (min-width: 768px) {
+        font-size: 1rem;
+        line-height: 1.4rem;
+      }
     }
   }