From: Andrew Engelbrecht <andrew@fsf.org>
Date: Wed, 6 Nov 2019 23:58:49 +0000 (-0500)
Subject: tweaked product list view, handle product field
X-Git-Url: https://vcs.fsf.org/?p=ryf-theme.git;a=commitdiff_plain;h=5e90ea8b14e6dd4dac50b02f60d8ec352cb228b8

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
--- 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-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,
@@ -716,8 +717,8 @@
     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;
   }
 }
@@ -737,12 +738,13 @@
   }
 
   .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 {