From 4bae7cb0b94d17b65aa9bb5341f6b6459f05c9cf Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Mon, 12 Jun 2023 21:53:01 +0200
Subject: [PATCH] style: removed borders and made heading small

---
 src/components/Library.astro | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/Library.astro b/src/components/Library.astro
index a761568..353a98e 100644
--- a/src/components/Library.astro
+++ b/src/components/Library.astro
@@ -7,6 +7,7 @@ export interface Props {
 const {postDivSelector, skipSave = false} = Astro.props;
 ---
 <div id="library">
+  <span id="heading"></span>
   <ul id="post-list"></ul>
 </div>
 
@@ -32,6 +33,9 @@ const {postDivSelector, skipSave = false} = Astro.props;
   const list = document.querySelector('#post-list');
 
   if(cachedRequests?.length) {
+    const heading = document.querySelector('#library span#heading') as HTMLHeadingElement;
+    heading.innerHTML = 'History';
+
     cachedRequests
     // temporary delete all cached errors
     .filter(request => {
@@ -79,18 +83,18 @@ const {postDivSelector, skipSave = false} = Astro.props;
 
 <style lang="scss">
   #library {
-    :global(h2) {
-      text-align: center;
+    :global(span#heading) {
+      color: #555;
+      font-size: small;
+      text-transform: uppercase;
     }
   }
   #post-list {
+
     :global(li) {
       list-style: none;
-      display: block;
-      float: left;
       width: calc(100% + 40px);
       margin-left: -40px;
-      border-bottom: 1px solid #eee;
 
       :global(a) {
         text-decoration: none;
@@ -101,8 +105,7 @@ const {postDivSelector, skipSave = false} = Astro.props;
         }
 
         :global(.post-card) {
-          padding: 1rem 0;
-
+          padding-top: 1rem;
           :global(.post-card__image) {
             float: left;
             margin-right: 0.5rem;