Merge pull request #1689

Minor fixes and adjustements to 'Blog'

_i18n/en.yml

@@ -897,6 +897,8 @@ blog:
   author: Posted by
   date: Posted at
   filter: "Filter by category:"
+  next: Next
+  previous: Prev
 
 
 tags:

blog/index.html

@@ -62,14 +62,10 @@ title: titles.blogbytag
           {% endfor %}
         </div>
       <!-- End full block-->
-  </section>
-  <a href="#" class="arrow-up" aria-label="{% t accessibility.arrowup %}" title="{% t accessibility.gotop %}"><i></i></a>
-</div>
-
     {% if paginator.total_pages > 1 %}
-<div class="text-center page-numbers"><p>
+    <div class="page-numbers"><p>
       {% if paginator.previous_page %}
-    <a href="{{ paginator.previous_page_path | replace: '//', '/' }}">&laquo; Prev</a>
+        <a href="{{ paginator.previous_page_path | replace: '//', '/' }}">&laquo; {% t blog.prev %}</a>
       {% else %}
         <span>&laquo; Prev</span>
       {% endif %}
@@ -85,9 +81,12 @@ title: titles.blogbytag
       {% endfor %}
 
       {% if paginator.next_page %}
-    <a href="{{ paginator.next_page_path | replace: '//', '/' }}">Next &raquo;</a>
+        <a href="{{ paginator.next_page_path | replace: '//', '/' }}">{% t blog.next %} &raquo;</a>
       {% else %}
         <span>Next &raquo;</span>
       {% endif %}
     </p></div>
     {% endif %}
+  </section>
+  <a href="#" class="arrow-up" aria-label="{% t accessibility.arrowup %}" title="{% t accessibility.gotop %}"><i></i></a>
+</div>

css/custom.css

@@ -2953,6 +2953,8 @@ footer a.white:hover, a.white:focus {
 .site-wrap {
     padding-bottom: 470px;
     padding-bottom: 29.375rem;
+    margin-bottom: -470px;
+    margin-bottom: -29.375rem;
 }
 
 footer {
@@ -2977,6 +2979,7 @@ footer {
 
 .site-wrap {
     padding-bottom: 0;
+    margin-bottom: 0;
 }
 
 footer {
@@ -3395,8 +3398,7 @@ span.icon-git {
 }
 
 .mob.dropdowndrop input:checked ~ ul#menu {
-    display: block;
-    transition:max-height 0.5s ease-in;
+    max-height: 30rem;
 }
 
 .mob.dropdowndrop label{
@@ -3448,19 +3450,19 @@ span.icon-git {
 }
 
 .mob.dropdowndrop ul#menu {
-    display:none;
+    max-height: 0;
     padding:0;
+    margin: 0;
+    width: 100%;
     overflow: hidden;
+    background: #ffffff;
     list-style-type:none;
+    -webkit-transition: max-height 0.3s;
+    -o-transition: max-height 0.3s;
+    transition: max-height 0.3s;
     -moz-box-shadow: 0 2px 4px rgba(50,50,93,.1);
     -webkit-box-shadow: 0 2px 4px rgba(50,50,93,.1);
     box-shadow: 0 2px 4px rgba(50,50,93,.1);
-    transition:max-height 0.5s ease-out;
-    min-width:100%;
-    text-align: left;
-    background: #ffffff;
-    width: 100%;
-    margin: 0;
 }
 
 .mob.dropdowndrop ul#menu li a {
@@ -4101,6 +4103,10 @@ img.emoji {
   margin-top: 0;
 }
 
+.feed {
+    position: relative;
+}
+
 .feed span {
   height: 30px;
   width: 30px;
@@ -4110,7 +4116,8 @@ img.emoji {
 
 .feed span.feed-pic {
   background: url(../img/feed.svg) no-repeat;
-  float: right;
+  position: absolute;
+  right: 0;
 }
 
 @media only screen and (max-width: 75rem) {
@@ -4130,14 +4137,6 @@ img.emoji {
 }
 }
 
-@media only screen and (max-width: 48rem) {
-
-}
-
-@media only screen and (max-width: 30rem) {
-
-}
-
 
 /* Hangouts Styling */
 
@@ -4257,10 +4256,6 @@ p.hangouts-social {
   width: 3rem;
 }
 
-@media only screen and (max-width: 75rem) {
-
-}
-
 @media only screen and (max-width: 62rem) {
 
 .hangouts .irc .col-md-4 {
@@ -4546,7 +4541,6 @@ label.accordion {
 
 .tab-content {
   max-height: 0;
-  border-radius: 3px;
   -webkit-transition: max-height 0.3s;
   -o-transition: max-height 0.3s;
   transition: max-height 0.3s;
@@ -4558,7 +4552,7 @@ label.accordion {
 }
 
 input.accordion:checked ~ .tab-content {
-  max-height: 100rem;
+  max-height: 85rem;
 }
 
 label.accordion::after {