From b4f27edd5dcf3e1b72cc9b4e72f08643ae8ddb3f Mon Sep 17 00:00:00 2001
From: Tuan Cao <caomanhtuanbsb@gmail.com>
Date: Wed, 13 Apr 2022 14:30:00 +0700
Subject: [PATCH] Some css clean up for backlink section.

---
 components/MDContent.js | 31 ++++++++++++++-----------------
 styles/style.css        |  9 +++++----
 2 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/components/MDContent.js b/components/MDContent.js
index f521ce0..a358fc4 100644
--- a/components/MDContent.js
+++ b/components/MDContent.js
@@ -7,27 +7,24 @@ import Link from 'next/link'
 function BackLinks({linkList}) {
 
     return (<div className="note-footer">
-            {(linkList != null && linkList.length > 0)
-                ?
-                <>
-                    <h3 className="backlink-heading">Link to this note</h3>
-
-                    <div className="backlink-container">
+        {(linkList != null && linkList.length > 0)
+            ?
+            <>
+                <h3 className="backlink-heading">Link to this note</h3>
+                <div className="backlink-container">
                     {linkList.map(aLink =>
-                    <div className="backlink">
-                        <Link href={aLink.slug}>
-                            <a >
+                        <div className="backlink">
+                            <Link href={aLink.slug}>
+                                <a>
                                     <p className="backlink-title">{aLink.title}</p>
                                     <p className="backlink-preview">{aLink.shortSummary} </p>
-                            </a>
-                        </Link>
-
-                    </div>
+                                </a>
+                            </Link>
+                        </div>
                     )}
-                    </div>
-                </>
-
-                : <></>}
+                </div>
+            </>
+            : <></>}
     </div>);
 }
 
diff --git a/styles/style.css b/styles/style.css
index 37222c7..d280167 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -43,8 +43,9 @@ a:hover {
 
 .backlink-container .backlink {
     /*background-color: #f8f2f2;*/
-    margin: 8px;
-    height: 118px;
+    margin: 8px -8px 0px;
+    padding: 8px;
+    height: 116px;
     width: 318px;
     text-decoration: none;
     display: block;
@@ -58,8 +59,8 @@ a:hover {
 }
 
 .backlink-container  .backlink-title {
-    font-size: 12px;
-    line-height: 16px;
+    font-size: 14px;
+    line-height: 18px;
     font-weight: 600;
     text-decoration: none;
 }