tweaked product list view, handle product field

added another field. changed the margins / padding to work well in
mobile view so that either the body field or the product announcement
reference can be first, and that will clear the floats above.

diff --git a/css/style.css b/css/style.css
index 8c6899d..5cd2169 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -703,11 +703,12 @@
   }
 
   .page-node-type-product .product .field--name-body,
   }
 
   .page-node-type-product .product .field--name-body,

+  .page-node-type-product .product .field--name-field-product-announcement,

   .page-node-type-product .product .field--name-field-vendor-product-link,
   .page-node-type-product .product .field--name-field-certification-details,
   .page-node-type-product .product .field--name-field-certification-date,
   .page-node-type-product .product .field--name-field-source-code-links {
   .page-node-type-product .product .field--name-field-vendor-product-link,
   .page-node-type-product .product .field--name-field-certification-details,
   .page-node-type-product .product .field--name-field-certification-date,
   .page-node-type-product .product .field--name-field-source-code-links {

-    margin-bottom: 20px;
+    padding-top: 20px;

   }
 
   .page-node-type-product .product .field--name-field-categories,
   }
 
   .page-node-type-product .product .field--name-field-categories,


@@ -716,8 +717,8 @@
     float: left;
   }
 
     float: left;
   }
 

-  .page-node-type-product .product .field--name-body {
-    padding-top: 20px;
+  .page-node-type-product .product .field--name-body,
+  .page-node-type-product .product .field--name-field-product-announcement {

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


@@ -737,12 +738,13 @@
   }
 
   .page-node-type-product .product .field--name-body,
   }
 
   .page-node-type-product .product .field--name-body,

+  .page-node-type-product .product .field--name-field-product-announcement,

   .page-node-type-product .product .field--name-field-vendor-product-link,
   .page-node-type-product .product .field--name-field-certification-details,
   .page-node-type-product .product .field--name-field-certification-date,
   .page-node-type-product .product .field--name-field-source-code-links {
     margin-left: 400px;
   .page-node-type-product .product .field--name-field-vendor-product-link,
   .page-node-type-product .product .field--name-field-certification-details,
   .page-node-type-product .product .field--name-field-certification-date,
   .page-node-type-product .product .field--name-field-source-code-links {
     margin-left: 400px;

-    margin-bottom: 20px;
+    margin-top: 20px;

   }
 
   .page-node-type-product .product .field--name-field-categories {
   }
 
   .page-node-type-product .product .field--name-field-categories {