From e3f63afad4c929a8cfe0c454179f0f69062e5577 Mon Sep 17 00:00:00 2001
From: Segundo Fdez <segun.2@gmail.com>
Date: Wed, 2 Mar 2022 13:48:50 +0100
Subject: [PATCH] fix header on safari and added basic changes on posts

---
 ...in.css_abdeb689137b085b8cf50bb0fe96e360.content | 14 +++++++++++---
 src/themes/oscar/assets/css/modules/header.css     |  2 +-
 src/themes/oscar/assets/css/modules/posts.css      | 12 ++++++++++--
 src/themes/oscar/layouts/_default/summary.html     |  2 +-
 4 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/resources/_gen/assets/css/css/main.css_abdeb689137b085b8cf50bb0fe96e360.content b/src/resources/_gen/assets/css/css/main.css_abdeb689137b085b8cf50bb0fe96e360.content
index edb07ee..6f316bf 100644
--- a/src/resources/_gen/assets/css/css/main.css_abdeb689137b085b8cf50bb0fe96e360.content
+++ b/src/resources/_gen/assets/css/css/main.css_abdeb689137b085b8cf50bb0fe96e360.content
@@ -396,7 +396,7 @@ i, em {
 @media (min-width: 480px) {
 .header {
         display: flex;
-        align-items: end;
+        align-items: flex-end;
         position: sticky;
         top: 0;
         z-index: 1;
@@ -431,10 +431,17 @@ i, em {
     display: block;
     margin-bottom: var(--spacing-7);
 }
+.post-item::after {
+        display: block;
+        content: "";
+        width: var(--spacing-3);
+        height: 1px;
+        background-color: var(--color-main-medium);
+    }
 .post-item .post-item-title {
         transition: ease-in-out 200ms;
         font-size: clamp(var(--font-size-2), 2.5vw, var(--font-size-3));
-        margin-left: 0;
+        margin-bottom: var(--spacing-1);
     }
 .post-item .post-item-title::before {
             content: "»";
@@ -446,7 +453,8 @@ i, em {
         display: block;
         font: var(--font-caption);
         color: var(--color-main);
-        margin-top: calc(var(--spacing-1) / 2);
+        margin-top: 0;
+        /* margin-top: calc(var(--spacing-1) / 2); */
     }
 .post-item .post-item-summary {
         font: var(--font-body);
diff --git a/src/themes/oscar/assets/css/modules/header.css b/src/themes/oscar/assets/css/modules/header.css
index 67002b0..b0f7e68 100644
--- a/src/themes/oscar/assets/css/modules/header.css
+++ b/src/themes/oscar/assets/css/modules/header.css
@@ -2,7 +2,7 @@
     padding: var(--spacing-3);
     @media (--screen-xs) {
         display: flex;
-        align-items: end;
+        align-items: flex-end;
         position: sticky;
         top: 0;
         z-index: 1;
diff --git a/src/themes/oscar/assets/css/modules/posts.css b/src/themes/oscar/assets/css/modules/posts.css
index 8b4091a..4d5889d 100644
--- a/src/themes/oscar/assets/css/modules/posts.css
+++ b/src/themes/oscar/assets/css/modules/posts.css
@@ -5,10 +5,17 @@
 .post-item {
     display: block;
     margin-bottom: var(--spacing-7);
+    &::after {
+        display: block;
+        content: "";
+        width: var(--spacing-3);
+        height: 1px;
+        background-color: var(--color-main-medium);
+    }
     .post-item-title {
         transition: ease-in-out 200ms;
         font-size: clamp(var(--font-size-2), 2.5vw, var(--font-size-3));
-        margin-left: 0;
+        margin-bottom: var(--spacing-1);
         &::before {
             content: "»";
             margin-right: var(--spacing-1);
@@ -20,7 +27,8 @@
         display: block;
         font: var(--font-caption);
         color: var(--color-main);
-        margin-top: calc(var(--spacing-1) / 2);
+        margin-top: 0;
+        /* margin-top: calc(var(--spacing-1) / 2); */
     }
     .post-item-summary {
         font: var(--font-body);
diff --git a/src/themes/oscar/layouts/_default/summary.html b/src/themes/oscar/layouts/_default/summary.html
index 4acc35b..4e6bc8c 100644
--- a/src/themes/oscar/layouts/_default/summary.html
+++ b/src/themes/oscar/layouts/_default/summary.html
@@ -1,5 +1,5 @@
 <article class="post-item">
-    <a href="{{ .Permalink }}" class="catalogue-item">
+    <a href="{{ .Permalink }}" class="post-item-link">
         <h3 class="post-item-title">{{ .Title }}</h3>
         <time datetime="{{ .PublishDate }}" class="post-item-date">{{ i18n "publishdate" . }}</time>
         <p class="post-item-summary">