From 7a263ce2e54becaf4b268f8cb567e8444a5ea975 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Tue, 26 Nov 2024 19:51:40 -0800
Subject: [PATCH] Do not wrap text around icon on small screens

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
---
 assets/scss/style.scss     | 6 +++++-
 layouts/partials/post.html | 6 +++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 356ab52..c1c019f 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -250,7 +250,10 @@ ul.post-list {
         margin-bottom: 0.6rem;
     }
 
-    p.series-link {
+    .series-link {
+      display: flex;
+      align-items: center;
+
       margin-top: 1rem;
       font-size: 1.1rem;
       border-top: $standard-border;
@@ -258,6 +261,7 @@ ul.post-list {
 
       .feather {
         fill: none;
+        flex-shrink: 0;
         width: 1em;
         height: 1em;
         margin-right: 0.5em;
diff --git a/layouts/partials/post.html b/layouts/partials/post.html
index c011b4c..74701ac 100644
--- a/layouts/partials/post.html
+++ b/layouts/partials/post.html
@@ -18,10 +18,10 @@
     {{- if .linkSeries -}}
     {{- $term := index (.page.GetTerms "series") 0 -}}
     {{- with $term -}}
-    <p class="series-link">
+    <div class="series-link">
     {{- partial "icon.html" "corner-down-right" -}}
-    {{- i18n "latestInSeries" }} <a href="{{ $term.Permalink }}">{{ $term.Title }}</a>
-    </p>
+    <p>{{- i18n "latestInSeries" }} <a href="{{ $term.Permalink }}">{{ $term.Title }}</a></p>
+    </div>
     {{- end -}}
     {{- end }}
 </li>