Do not wrap text around icon on small screens

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
This commit is contained in:
Danila Fedorin 2024-11-26 19:51:40 -08:00
parent 8b8d3c7fd0
commit 7a263ce2e5
2 changed files with 8 additions and 4 deletions

View File

@ -250,7 +250,10 @@ ul.post-list {
margin-bottom: 0.6rem; margin-bottom: 0.6rem;
} }
p.series-link { .series-link {
display: flex;
align-items: center;
margin-top: 1rem; margin-top: 1rem;
font-size: 1.1rem; font-size: 1.1rem;
border-top: $standard-border; border-top: $standard-border;
@ -258,6 +261,7 @@ ul.post-list {
.feather { .feather {
fill: none; fill: none;
flex-shrink: 0;
width: 1em; width: 1em;
height: 1em; height: 1em;
margin-right: 0.5em; margin-right: 0.5em;

View File

@ -18,10 +18,10 @@
{{- if .linkSeries -}} {{- if .linkSeries -}}
{{- $term := index (.page.GetTerms "series") 0 -}} {{- $term := index (.page.GetTerms "series") 0 -}}
{{- with $term -}} {{- with $term -}}
<p class="series-link"> <div class="series-link">
{{- partial "icon.html" "corner-down-right" -}} {{- partial "icon.html" "corner-down-right" -}}
{{- i18n "latestInSeries" }} <a href="{{ $term.Permalink }}">{{ $term.Title }}</a> <p>{{- i18n "latestInSeries" }} <a href="{{ $term.Permalink }}">{{ $term.Title }}</a></p>
</p> </div>
{{- end -}} {{- end -}}
{{- end }} {{- end }}
</li> </li>