WooCommerce align coupon code input

nicomollet · Sep 29, 2017 · fbad565 · fbad565
1 parent fe97749
commit fbad565
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 10 deletions.
diff --git a/inc/plugins/woocommerce.php b/inc/plugins/woocommerce.php
@@ -561,3 +561,22 @@ function stormbringer_gridlist_toggle_button_output($output, $grid_view, $list_v
 	return $output;
 }
 add_filter( 'gridlist_toggle_button_output', 'stormbringer_gridlist_toggle_button_output',10, 3 );
+
+
+
+/**
+ * WooCOmmerce product list item before
+ */
+function stormbringer_woocommerce_before_shop_loop_item(){
+	echo '<div class="product-loop-inner">';
+}
+add_action('woocommerce_before_shop_loop_item', 'stormbringer_woocommerce_before_shop_loop_item', -999);
+
+
+/**
+ * WooCOmmerce product list item after
+ */
+function stormbringer_woocommerce_after_shop_loop_item(){
+	echo '</div>';
+}
+add_action('woocommerce_after_shop_loop_item', 'stormbringer_woocommerce_after_shop_loop_item', 999);
diff --git a/scss/helpers/_woocommerce_checkout.scss b/scss/helpers/_woocommerce_checkout.scss
@@ -35,6 +35,11 @@ All pages
 Checkout
  */
 
+form.checkout_coupon {
+  p{
+    display: inline-block;
+  }
+}
 
 .woocommerce-checkout{
 
@@ -295,16 +300,10 @@ Cart
       vertical-align: top;
     }
 
-    #coupon_code{
-      display: inline-block;
-      width: auto;
-    }
-  }
-  .checkout_coupon #coupon_code{
-    display: inline-block;
-    width: auto;
+
   }
 
+
   .qty{
     width: 60px;
     @media (min-width: $screen-md-min) {
@@ -327,6 +326,11 @@ Cart
 
 }
 
+#coupon_code{
+  display: inline;
+  width: auto;
+  vertical-align: inherit;
+}
 
 /**
  Account

diff --git a/scss/helpers/_woocommerce_productlist.scss b/scss/helpers/_woocommerce_productlist.scss
@@ -62,7 +62,7 @@ Layout
     position: relative;
     @include make-sm-column(12);
     @include make-md-column(4);
-    margin-bottom: ($line-height-computed / 2);
+    margin-bottom: $line-height-computed;
 
     &.first{
       clear: both;

diff --git a/scss/helpers/_woocommerce_productsingle.scss b/scss/helpers/_woocommerce_productsingle.scss
@@ -120,7 +120,6 @@ table.woo-vou-recipient-fields{
   }
 
   div.product{
-
     position: relative;
     overflow: hidden;
     @include make-row;