From e9c819876a9505dd609c93aa0f033619a7008d89 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Sat, 10 Jun 2023 19:45:22 +0200
Subject: [PATCH] style: spacing, colors, typography

---
 src/components/Library.astro | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/Library.astro b/src/components/Library.astro
index 0181cd3..e3c070b 100644
--- a/src/components/Library.astro
+++ b/src/components/Library.astro
@@ -140,7 +140,7 @@ const {postDivSelector, skipSave = false} = Astro.props;
       float: left;
       width: calc(100% + 40px);
       margin-left: -40px;
-      border-bottom: 1px solid antiquewhite;
+      border-bottom: 1px solid #eee;
 
       :global(a) {
         text-decoration: none;
@@ -151,22 +151,22 @@ const {postDivSelector, skipSave = false} = Astro.props;
         }
 
         :global(.post-card) {
-          padding: 1rem;
+          padding: 1rem 0;
 
           :global(.post-card__image) {
             float: left;
             margin-right: 0.5rem;
-            margin: 0.5rem 1rem 0.5rem 0;
+            margin: 0.25rem 1rem 0.25rem 0;
 
             :global(img, svg) {
-              width: 60px;
-              height: 60px;
+              width: 70px;
+              height: 70px;
               object-fit: cover;
-              border-radius: 50%;
-              border: 3px solid antiquewhite;
+              border-radius: 5px;
+              border: 1px solid #eee;
             }
             :global(svg) {
-              color: antiquewhite;
+              color: #ccc;
               padding: 0.5rem;
             }
           }
@@ -175,7 +175,7 @@ const {postDivSelector, skipSave = false} = Astro.props;
           display: flex;
           flex-direction: column;
           justify-content: center;
-          min-height: calc(60px + 1rem);
+          min-height: calc(70px + 0.5rem);
         }
         :global(.post-card__title, .post-card__description) {
           display: -webkit-box;
@@ -183,11 +183,13 @@ const {postDivSelector, skipSave = false} = Astro.props;
           -webkit-box-orient: vertical;  
           overflow: hidden;
         }
+        :global(.post-card__meta, .post-card__description){
+          font-size: smaller;
+          color: #555;
+        }
         :global(.post-card__meta) {
           display: flex;
           justify-content: space-between;
-          font-size: smaller;
-          color: #555;
 
           * {
             flex: 1;