style: app spacing, color adjustments

src/components/Library.astro

@@ -61,11 +61,6 @@ export interface Props {
       const link = document.createElement('a');
 
       let responseText;
-
-      /**
-       * TODO: determine when & how to revalidate
-       */
-
       const fullResponse = await cache.match(url)
       if (!fullResponse && url.slice(0, url.length - 1) !== baseUrl && !skipSave && !includesAppURL) {
         logInfo('updating cached', {context: 'cozy-reader', data: url})
@@ -136,14 +131,13 @@ export interface Props {
     }
   }
   #post-list {
-    margin: 0;
     list-style: none;
     padding-left: 0;
+    display: grid;
+    gap: 0.5em;
 
     li {
 
-      margin: 0;
-
       a {
         text-decoration: none;
         color: #000;
@@ -153,19 +147,8 @@ export interface Props {
         }
 
         .post-card {
-          padding-bottom: 1rem;
-          grid-template-columns: calc(70px + 0.5em) auto;
           display: grid;
-          margin: 0;
-
-          p {
-            margin: 0;
-          }
-
-          .post-card__image,
-          .post-card__content {
-            margin: 0;
-          }
+          grid-template-columns: calc(70px + 0.5em) auto;
 
           .post-card__image {
             img, svg {
@@ -173,12 +156,13 @@ export interface Props {
               height: 70px;
               object-fit: cover;
               border-radius: 5px;
-              border: 1px solid #eee;
-              margin: 0;
+              border: 2px solid rgb(var(--gray));
+              background-color: rgb(var(--gray));
+              margin: 0.15rem 0;
             }
             svg {
-              color: #ccc;
-              padding: 0.5rem;
+              color: rgb(var(--gray-light));
+              padding: 0.5em;
             }
           }
         
@@ -194,7 +178,6 @@ export interface Props {
             -webkit-line-clamp: 2;
             -webkit-box-orient: vertical;  
             overflow: hidden;
-            margin: 0 0 5px;
           }
           
           .post-card__meta, .post-card__description {