better spacing between divs on mobile

we have to use padding here due to strangeness when a div clears
floating elements. an upper margin in that div would be ignored.

diff --git a/css/style.css b/css/style.css
index d88b51b..0ad712c 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -481,10 +481,12 @@ a { transition: 0.3s; }
 
   .page-node-type-product .product .field--name-field-categories,
   .page-node-type-product .product .field--name-field-vendor {
 
   .page-node-type-product .product .field--name-field-categories,
   .page-node-type-product .product .field--name-field-vendor {

+    margin-bottom: 0px;

     float: left;
   }
 
   .page-node-type-product .product .field--name-body {
     float: left;
   }
 
   .page-node-type-product .product .field--name-body {

+    padding-top: 20px;

     clear: both;
   }
 }
     clear: both;
   }
 }