[CHG] rotordc_website_theme: some design changes

- add space between items
- reduce space after product name
- reduce size of stock info
- move stock info after price

rotordc_website_theme/static/src/scss/rotordc.scss

@@ -220,14 +220,16 @@ a:hover {
 .oe_product section {
     background-color: #fff;
     padding: 0 15px 0 15px;
+    padding-bottom: 15px;
 
     h6 {
         margin-top: 0.5rem;
+        margin-bottom: 0.2rem;
     }
 
     .product_availability {
         color: grey;
-        margin-bottom: 0.5rem;
+        font-size: 0.8em;
     }
 
     .product_price > .product_availability {

rotordc_website_theme/views/website_sale_product_availability_templates.xml

@@ -4,7 +4,7 @@
     <template id="products_item_availability" inherit_id="website_sale.products_item">
         <xpath
             expr="//div[@itemscope='itemscope']//div[hasclass('product_price')]"
-            position="before"
+            position="after"
         >
             <div name="product_availability" class="product_availability">
                 <t t-call="website_sale_product_availability.product_availability" />