From 0a6c30d55a5f774bb2693ef8885d4ecae326ee9b Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 29 Nov 2017 23:43:13 +0000
Subject: [PATCH] Fix about author image

---
 assets/less/components/post/about-author.less | 4 ++++
 assets/less/main.less                         | 1 +
 source/_includes/post/about-author.html.twig  | 2 +-
 3 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 assets/less/components/post/about-author.less

diff --git a/assets/less/components/post/about-author.less b/assets/less/components/post/about-author.less
new file mode 100644
index 00000000..9cc47e8b
--- /dev/null
+++ b/assets/less/components/post/about-author.less
@@ -0,0 +1,4 @@
+.about-author {
+    @apply .mr-4 .float-left .rounded-full;
+    width: 75px;
+}
diff --git a/assets/less/main.less b/assets/less/main.less
index 7827d74b..c6657312 100644
--- a/assets/less/main.less
+++ b/assets/less/main.less
@@ -64,6 +64,7 @@ svg {
 
 @import "components/listing";
 @import "components/post";
+@import "components/post/about-author";
 @import "components/table";
 @import "components/talk/slides";
 @import "components/talk/video";
diff --git a/source/_includes/post/about-author.html.twig b/source/_includes/post/about-author.html.twig
index 92410ac7..2bd795a0 100644
--- a/source/_includes/post/about-author.html.twig
+++ b/source/_includes/post/about-author.html.twig
@@ -1,7 +1,7 @@
 <div class="clearfix mt-4">
     <h2>About the Author</h2>
 
-    <img src="{{ site.images_url }}{{ site.avatar.url }}" alt="Picture of Oliver" class="w-1/6 mr-4 float-left rounded-full">
+    <img src="{{ site.images_url }}{{ site.avatar.url }}" alt="Picture of Oliver" class="about-author">
 
     <p>Oliver Davies is a Web Developer, System Administrator and Drupal specialist based in the UK. He is a {{ site.work.role }} at <a href="{{ site.companies[site.work.company].url }}?utm_source={{ site.short_url }}&utm_medium=about-author">{{ site.companies[site.work.company].name }}</a> and also provides freelance consultancy services for Drupal, Symfony and Laravel applications and Linux servers.</p>
 </div>