Use grid gutter padding for product pod price box

The the grid gutter padding was removed with .no-padding only on the main catalogue browse page, leaving search results, recent products on detail view and a number of other pages that have product pod lists in them with a double padding. Part of #1569
django-oscar · Nov 30, 2014 · 8f43b50 · 8f43b50
1 parent ccf89d9
commit 8f43b50
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 10 deletions.
diff --git a/oscar/static/oscar/less/page/product_lists.less b/oscar/static/oscar/less/page/product_lists.less
@@ -5,13 +5,6 @@ ul {
         margin-left:0;
         padding-left:0;
         list-style: none;
-
-        &.no-padding {
-            [class*="col-"] {
-                padding-left: 0;
-                padding-right: 0;
-            }
-        }
     }
 }
 
@@ -56,8 +49,7 @@ ul {
     .product_price {
         position:absolute;
         bottom:0;
-        left:5%;
-        width:90%;
+        width: 100%;
     }
 }
 

diff --git a/oscar/templates/oscar/catalogue/browse.html b/oscar/templates/oscar/catalogue/browse.html
@@ -93,7 +93,7 @@ <h4>{% trans "Refine by" %}</h4>
     {% if products %}
         <section>
             <div>
-                <ol class="row no-padding">
+                <ol class="row">
                     {% for product in products %}
                         <li class="col-sm-3">{% render_product product %}</li>
                     {% endfor %}