fix: make color swatch visible on mobile (#926)

M2-456
vuestorefront · Apr 26, 2022 · 0a56673 · 0a56673
1 parent 7dcf281
commit 0a56673
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/theme/pages/Product.vue b/packages/theme/pages/Product.vue
@@ -93,7 +93,7 @@
                 <div
                   v-if="option.attribute_code === 'color'"
                   :key="option.uid"
-                  class="product__colors desktop-only"
+                  class="product__colors"
                 >
                   <p class="product__color-label">
                     {{ option.label }}:
@@ -674,6 +674,10 @@ export default defineComponent({
     display: flex;
     align-items: center;
     margin-top: var(--spacer-xl);
+
+    @include for-mobile {
+      margin-left: var(--spacer-sm);
+    }
   }
 
   &__color-label {