Improve display of pagination links

yoshiharuyamashita · Mar 27, 2016 · 90b827a · 90b827a
1 parent f6437c6
commit 90b827a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
@@ -1,11 +1,17 @@
 {{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
+{{ $prev := "fa fa-chevron-left"}}
+{{ $next := "fa fa-chevron-right"}}
 <nav class="pagination" role="pagination">
   {{ if .Paginator.HasPrev }}
-  <a href="{{ .Paginator.Prev.URL }}"><i class="fa fa-angle-double-left"></i></a>
+  <a href="{{ .Paginator.Prev.URL }}"><i class="{{ $prev }}"></i></a>
+  {{ else }}
+  <i class="{{ $prev }}"></i>
   {{ end }}
-  <span>{{ .Paginator.PageNumber }} / {{ .Paginator.TotalPages }}</span>
+  <span>&nbsp;{{ .Paginator.PageNumber }} / {{ .Paginator.TotalPages }}&nbsp;</span>
   {{ if .Paginator.HasNext }}
-  <a href="{{ .Paginator.Next.URL }}"><i class="fa fa-angle-double-right"></i></a>
+  <a href="{{ .Paginator.Next.URL }}"><i class="{{ $next }}"></i></a>
+  {{ else }}
+  <i class="{{ $next }}"></i>
   {{ end }}
 </nav>
 {{ end }}
diff --git a/static/css/blackburn.css b/static/css/blackburn.css
@@ -69,4 +69,9 @@ i {
 
 .pagination {
   text-align: center;
+  margin-top: 3em;
+}
+
+.pagination a {
+  color: #265778;
 }