From 2c42624d3735198613fcd572819b32b209c45c34 Mon Sep 17 00:00:00 2001
From: Joe <33972521+hnb-ku@users.noreply.github.com>
Date: Fri, 6 Apr 2018 22:15:20 -0700
Subject: [PATCH] FIX: mobile avatars not contained within card

Adds padding to create enough space for mobile avatars to be contained within the card and to create a bit of breathing room under post action buttons (reply, like...)

Before:

https://preview.ibb.co/kAdJ2H/2.png

After:

https://preview.ibb.co/hy7d2H/1.png
---
 mobile/mobile.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/mobile/mobile.scss b/mobile/mobile.scss
index 8be0153..287c302 100644
--- a/mobile/mobile.scss
+++ b/mobile/mobile.scss
@@ -5,20 +5,25 @@
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   background-color: lighten($secondary, 10%);
   margin-top: 10px;
-  padding-left: 20px;
+  padding: 20px;
   border-radius: 2px;
-  padding-right: 20px;
 }
 
 //more space for avatars
 .topic-avatar {
   border-top: 0;
-  padding-right: 10px;
+  padding-top: 20px;
+  padding-left: 10px;
   .avatar-flair {
     right: 4px;
   }
 }
 
+//increase space between post meta and post content
+.boxed .contents {
+  padding: 20px 0 0 0;
+}
+
 //remove stray border from bottom of last post
 .topic-status-info {
   border-top: 0;
@@ -62,4 +67,4 @@ aside.quote {
   -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-}
\ No newline at end of file
+}