Do not wrap text around icon on small screens

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>

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;

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>