tweaked product list view, handle product field
authorAndrew Engelbrecht <andrew@fsf.org>
Wed, 6 Nov 2019 23:58:49 +0000 (18:58 -0500)
committerAndrew Engelbrecht <andrew@fsf.org>
Wed, 6 Nov 2019 23:58:49 +0000 (18:58 -0500)
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.

css/style.css

index 8c6899d..5cd2169 100644 (file)
   }
 
   .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-bottom: 20px;
+    padding-top: 20px;
   }
 
   .page-node-type-product .product .field--name-field-categories,
     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;
   }
 }
   }
 
   .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;
-    margin-bottom: 20px;
+    margin-top: 20px;
   }
 
   .page-node-type-product .product .field--name-field-categories {