Update news list styling

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;

news/index.html

@@ -66,14 +66,16 @@
 <section class="page">
     <h1 style="text-align: center;">News & Announcements</h1>
     
-    <h3><a class="link" href="https://camp.fsf.org.in/news/mailing-list-for-learners-and-mentors/">New Mailing Lists for Learners and Mentors</a></h3>
-    <div class="list-item">
-        <small class="label-dark">October 14, 2020</small>
-    </div>
-    <p>We have created separate mailing lists for learners and mentors. Hope you all received the welcome mails to the respective mailing lists.
+    <div class="news-item">
+        <h3><a class="link" href="https://camp.fsf.org.in/news/mailing-list-for-learners-and-mentors/">New Mailing Lists for Learners and Mentors</a></h3>
+        <div class="list-item">
+            <small class="label-dark">October 14, 2020</small>
+        </div>
+        <p>We have created separate mailing lists for learners and mentors. Hope you all received the welcome mails to the respective mailing lists.
 All future private communications, including the access details for sessions will be done through these mailing lists.
 You can also use these lists to communicate among your fellow learners or mentors respectively.
 Also if you haven&rsquo;t joined the common matrix room for camp discussions, please consider joining the same.</p>
+    </div>
     
 </section>