From 88ced11348abfacbf36b5481664ab4d4df86a78a Mon Sep 17 00:00:00 2001 From: Daniel Barber Date: Tue, 15 Oct 2019 22:06:27 -0400 Subject: [PATCH] Improve pagination links alignment --- assets/sass/components/_posts.scss | 7 ++++--- layouts/section/blog.html | 14 ++++++++------ ...n.scss_f300667da4f5b5f84e1a9e0702b2fdde.content | 10 ++++------ 3 files changed, 16 insertions(+), 15 deletions(-) diff --git a/assets/sass/components/_posts.scss b/assets/sass/components/_posts.scss index 0cdfcaa8..d07ee0ec 100644 --- a/assets/sass/components/_posts.scss +++ b/assets/sass/components/_posts.scss @@ -1,8 +1,9 @@ .posts__pagination { - @include container; + padding: 1em $pad-min; +} + +.posts__pagination-container { display: flex; - margin-top: 1em; - margin-bottom: 1em; } .posts__next-link, diff --git a/layouts/section/blog.html b/layouts/section/blog.html index 202b0788..b948794f 100644 --- a/layouts/section/blog.html +++ b/layouts/section/blog.html @@ -20,12 +20,14 @@
- {{ if .Paginator.HasNext }} - ← Older - {{ end }} +
+ {{ if .Paginator.HasNext }} + ← Older + {{ end }} - {{ if .Paginator.HasPrev }} - Newer → - {{ end }} + {{ if .Paginator.HasPrev }} + Newer → + {{ end }} +
{{ end }} diff --git a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 0b9c5314..131671e5 100644 --- a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -377,12 +377,10 @@ pre { border-bottom: 1px dashed #ddd; } } .posts__pagination { - margin-left: auto; - margin-right: auto; - max-width: 40rem; - display: flex; - margin-top: 1em; - margin-bottom: 1em; } + padding: 1em 6.5%; } + +.posts__pagination-container { + display: flex; } .posts__next-link, .posts__prev-link {