From a4b3f7d3c33deedd594caf6c90eeadcfbabc8cf4 Mon Sep 17 00:00:00 2001
From: Daniel Miranda <daniel@mozillafoundation.org>
Date: Wed, 22 Sep 2021 12:44:11 -0700
Subject: [PATCH] added new section dividers for news and related products

---
 .../templates/buyersguide/product_page.html    | 18 +++++-------------
 source/sass/buyers-guide/views/product.scss    |  6 ++++++
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/network-api/networkapi/wagtailpages/templates/buyersguide/product_page.html b/network-api/networkapi/wagtailpages/templates/buyersguide/product_page.html
index f34234aaac2..4c43c7d728f 100644
--- a/network-api/networkapi/wagtailpages/templates/buyersguide/product_page.html
+++ b/network-api/networkapi/wagtailpages/templates/buyersguide/product_page.html
@@ -260,17 +260,8 @@ <h2 class="h3-heading">{% trans "Artificial Intelligence" %}</h2>
           </section>
         {% endif %}
 
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="container-fluid position-relative">
-  <div class="row dotted-section d-block d-sm-flex mx-0">
-    <div class="container">
-      <div class="row">
-        <div class="{{section_class}} mt-5 pt-3 bg-white product-section-padding-x">
-          {% if product.updates.count > 0 %}
+        {% if product.updates.count > 0 %}
+        <hr class="pni-section-divider"/>
           <h3 class="h2-heading mb-4 mb-md-5">{% trans "News" %}</h3>
           {% endif %}
           {% if product.updates.count > 0 %}
@@ -285,8 +276,9 @@ <h3 class="h2-heading mb-4 mb-md-5">{% trans "News" %}</h3>
             {% endwith %}
             {% endfor %}
           </div>
-          {% endif %}
-
+        {% endif %}
+        
+          <hr class="pni-section-divider"/>
           <h3 class="h2-heading mb-4">{% trans "Related products" %}</h3>
           <div class="row">
             {% for related_product_page in product.related_product_pages.all %}
diff --git a/source/sass/buyers-guide/views/product.scss b/source/sass/buyers-guide/views/product.scss
index be5c5d5a99d..64a9f2d198d 100644
--- a/source/sass/buyers-guide/views/product.scss
+++ b/source/sass/buyers-guide/views/product.scss
@@ -475,3 +475,9 @@
   min-width: 290px;
   background: $pni-product-image-background;
 }
+
+.pni-section-divider {
+  border-width: 4px;
+  border-color: $black;
+  padding-bottom: 1em;
+}