image sizes correction; paginator style

2 files changed, 30 insertions, 6 deletions

diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss
index bd231e5..c0b903a 100644
--- a/sass/css/yaroslavps.scss
+++ b/sass/css/yaroslavps.scss
@@ -78,8 +78,6 @@ code {
 
 span.icon {
   font-family: $font_mono;
-  font-size: 2em;
-  margin: auto 0.5em;
 }
 
 .publish-date {
@@ -120,6 +118,11 @@ h2 > span.publish-date {
   padding: 1em;
 }
 
+.sidebar-container span.icon {
+  font-size: 2em;
+  margin: auto 0.5em;
+}
+
 .sticky-wrapper {
   position: sticky;
   top: 1em;
@@ -132,3 +135,24 @@ h2 > span.publish-date {
 .post-container {
   padding: 2em;
 }
+
+.post-container img {
+  max-width: 100%;
+}
+
+.paginator {
+  padding: 2em;
+  text-align: center;
+}
+
+.paginator a {
+  display: inline-block;
+  padding: 0.5em;
+  background-color: $cyan;
+  color: $bg;
+}
+
+.paginator a:hover {
+  background-color: $dark_cyan;
+  color: $white;
+}
diff --git a/templates/weblog.html b/templates/weblog.html
index 88abf61..7a6038b 100644
--- a/templates/weblog.html
+++ b/templates/weblog.html
@@ -17,12 +17,12 @@
   {% if paginator.number_pagers > 1 %}
   <div class="paginator">
     {% if paginator.previous %}
-      <a href="{{ paginator.first }}">First</a>
-      <a href="{{ paginator.previous }}">Previous page: {{ paginator.current_index - 1 }}</a>
+    <a href="{{ paginator.first }}"><span class="icon"></span> First</a>
+      <a href="{{ paginator.previous }}"><span class="icon"></span> Page {{ paginator.current_index - 1 }}</a>
     {% endif %}
     {% if paginator.next %}
-      <a href="{{ paginator.next }}">Next page: {{ paginator.current_index + 1 }}</a>
-      <a href="{{ paginator.last }}">Last</a>
+      <a href="{{ paginator.next }}">Page {{ paginator.current_index + 1 }} <span class="icon"></span></a>
+      <a href="{{ paginator.last }}">Last <span class="icon"></span></a>
     {% endif %}
   </div>
   {% endif %}