From 731ef32e3cad3c9c9b2133139acb5cc77bfe2194 Mon Sep 17 00:00:00 2001
From: Holger Just <hello@holgerjust.de>
Date: Sat, 11 Feb 2017 00:33:17 +0100
Subject: [PATCH] Don't break the .author-meta section below a post on small
 screens

---
 source/layouts/post.haml                     | 17 ++++++++---------
 source/stylesheets/_casper_override.css.scss |  4 ++++
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/source/layouts/post.haml b/source/layouts/post.haml
index 12b8d5b..92529e4 100644
--- a/source/layouts/post.haml
+++ b/source/layouts/post.haml
@@ -44,15 +44,6 @@
               %a{href: author_path} more posts
               by this author.
 
-          - if blog_author.location.present? || blog_author.website.present?
-            .author-meta
-              - if blog_author.location.present?
-                %span.author-location.icon-location= blog_author.location
-              = partial(:profile_links, locals: {author: blog_author.name})
-              - if blog_author.website.present?
-                %span.author-link.icon-link
-                  %a{href: blog_author.website}= blog_author.website.sub(%r{^https?://}, '')
-
         %section.share
           %h4 Share this post
           %a.icon-twitter{href: twitter_url, rel: 'nofollow', onclick: "window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"}
@@ -64,6 +55,14 @@
           %a.icon-mail{href: mail_url, rel: 'nofollow'}
             %span.hidden Email
 
+        .author-meta
+          - if blog_author.location.present?
+            %span.author-location.icon-location= blog_author.location
+          = partial(:profile_links, locals: {author: blog_author.name})
+          - if blog_author.website.present?
+            %span.author-link.icon-link
+              %a{href: blog_author.website}= blog_author.website.sub(%r{^https?://}, '')
+
   %aside.read-next
     - if prev_article = current_article.previous_article
       - attributes = { href: prev_article.url }.merge(cover(prev_article))
diff --git a/source/stylesheets/_casper_override.css.scss b/source/stylesheets/_casper_override.css.scss
index c8bd879..5a988c4 100644
--- a/source/stylesheets/_casper_override.css.scss
+++ b/source/stylesheets/_casper_override.css.scss
@@ -48,6 +48,10 @@
   top: -40px;
 }
 
+.author-meta span {
+  display: inline-block;
+}
+
 .author-bio {
   text-align: left;
 }