Update news list template

website/layouts/news/list.html

@@ -2,11 +2,13 @@
 <section class="page">
     <h1 style="text-align: center;">News & Announcements</h1>
     {{ range .Pages}}
-    <h3><a class="link" href="{{.Permalink}}">{{.Title}}</a></h3>
-    <div class="list-item">
-        <small class="label-dark">{{ .PublishDate.Format "January 2, 2006" }}</small>
+    <div class="news-item">
+        <h3><a class="link" href="{{.Permalink}}">{{.Title}}</a></h3>
+        <div class="list-item">
+            <small class="label-dark">{{ .PublishDate.Format "January 2, 2006" }}</small>
+        </div>
+        <p>{{ .Summary }}</p>
     </div>
-    <p>{{ .Summary }}</p>
     {{end}}
 </section>
 {{end}}

website/static/css/style.css

@@ -106,7 +106,9 @@ nav{
 .content p{
     text-align: justify;
 }
-
+.news-item{
+    margin-bottom: 24px;
+}
 @media screen and (max-width:1100px) {
     .show-menu-btn,.hide-menu-btn{
         display: block;