From e7e8687aa073acc494139512959da4cb3a054e67 Mon Sep 17 00:00:00 2001
From: Fabiano Alencar <fabianocarvalho15@gmail.com>
Date: Thu, 29 Mar 2018 12:22:19 -0300
Subject: [PATCH] Fix mobile align in post and comments

---
 src/assets/scss/_comments.scss     | 2 +-
 src/assets/scss/_post.scss         | 6 +++++-
 src/assets/scss/style.scss         | 6 +++++-
 src/comments.php                   | 2 +-
 src/template-parts/single-post.php | 2 +-
 5 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/assets/scss/_comments.scss b/src/assets/scss/_comments.scss
index e96f25c..ffa108e 100644
--- a/src/assets/scss/_comments.scss
+++ b/src/assets/scss/_comments.scss
@@ -17,7 +17,7 @@
                         width: 45vw;
                     }
                     @media (max-width: 576px){
-                        width: 90vw;
+                        width: 80vw;
                     }
                 }
             }
diff --git a/src/assets/scss/_post.scss b/src/assets/scss/_post.scss
index c6491db..9416258 100644
--- a/src/assets/scss/_post.scss
+++ b/src/assets/scss/_post.scss
@@ -1,5 +1,9 @@
 .tainacan-single-post{
-    padding: 0 1rem 0 2rem;
+    @media screen {
+        @media (min-width: 992px) {
+            padding: 0 1rem 0 2rem;
+        }
+    }
     article{
         header{
             .header-meta{
diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index 7b6fd6a..4c2007d 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -106,7 +106,11 @@ form{
     }
 }
 .tainacan-title{
-    padding: 0 1rem 0 2rem;
+    @media screen {
+        @media (min-width: 992px) {
+            padding: 0 1rem 0 2rem;
+        }
+    }
 }
 @import "_comments";
 
diff --git a/src/comments.php b/src/comments.php
index ec59e83..0d40252 100644
--- a/src/comments.php
+++ b/src/comments.php
@@ -59,7 +59,7 @@ if (post_password_required()) {
 		</div>
 		<?php if (have_comments()) : ?>
 			<div class="row px-sm-4">
-				<div class="col col-sm-10 mt-4 list-comments mx-sm-auto pl-3">
+				<div class="col col-sm-10 mt-4 list-comments mx-sm-auto pl-sm-3">
 					<?php wp_list_comments('type=comment&callback=tainacan_Comments_Callback'); ?>
 				</div>
 			</div>
diff --git a/src/template-parts/single-post.php b/src/template-parts/single-post.php
index 5b3d2d8..5193b37 100644
--- a/src/template-parts/single-post.php
+++ b/src/template-parts/single-post.php
@@ -1,6 +1,6 @@
 <article role="article" id="post_<?php the_ID()?>" <?php post_class()?>>
     <header class="mb-4">
-        <div class="header-meta text-muted">
+        <div class="header-meta text-muted mb-3 mb-md-0">
             <?php
                 _e('By', 'tainacan-theme');
                 echo ' ';