diff --git a/app/assets/javascripts/templates/shop_variant.html.haml b/app/assets/javascripts/templates/shop_variant.html.haml index e5028eb025..4fbd19b484 100644 --- a/app/assets/javascripts/templates/shop_variant.html.haml +++ b/app/assets/javascripts/templates/shop_variant.html.haml @@ -1,8 +1,8 @@ .variants.row .small-3.medium-4.large-6.columns.variant-name - .inline {{ ::variant.display_name }} + .inline{"ng-if" => "::variant.display_name"} {{ ::variant.display_name }} .variant-unit {{ ::variant.unit_to_display }} - .bulk-buy.inline{"ng-if" => "::variant.product.group_buy"} + .inline{"ng-if" => "::variant.product.group_buy"} %i.ofn-i_056-bulk>< %em>< \ {{::'bulk' | t}} diff --git a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss index 6ad0544e28..10871034da 100644 --- a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss +++ b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss @@ -25,18 +25,15 @@ // Variant name .variant-name { padding-left: 7.9375rem; - } - .variant-name { @include breakpoint(phablet) { padding-left: 0.9375rem; } - } - // Variant unit - .variant-unit { - color: #888; - font-size: 0.875rem; + & > *:nth-child(n + 2) { + color: #888; + font-size: 0.875rem; + } } // Variant price diff --git a/app/assets/stylesheets/darkswarm/shop.scss b/app/assets/stylesheets/darkswarm/shop.scss index 534b455365..f42b842247 100644 --- a/app/assets/stylesheets/darkswarm/shop.scss +++ b/app/assets/stylesheets/darkswarm/shop.scss @@ -64,19 +64,6 @@ display: block; color: $med-drk-grey; - // BULK - .bulk-buy { - font-size: 0.875rem; - - @include breakpoint(tablet) { - font-size: 0.75rem; - } - } - - .bulk-buy, .bulk-buy i { - color: #888; - } - .inline { display: inline; }