From 5cbe47676dffe3c6192ebd800c9aa4e197ac7f4f Mon Sep 17 00:00:00 2001
From: r888888888 <r888888888@gmail.com>
Date: Wed, 6 Sep 2017 13:09:53 -0700
Subject: [PATCH] tweak responsive css to center previews better

---
 .../responsive.scss => specific/z_responsive.scss}       | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)
 rename app/assets/stylesheets/{common/responsive.scss => specific/z_responsive.scss} (96%)

diff --git a/app/assets/stylesheets/common/responsive.scss b/app/assets/stylesheets/specific/z_responsive.scss
similarity index 96%
rename from app/assets/stylesheets/common/responsive.scss
rename to app/assets/stylesheets/specific/z_responsive.scss
index b5def7123..7acdf63f3 100644
--- a/app/assets/stylesheets/common/responsive.scss
+++ b/app/assets/stylesheets/specific/z_responsive.scss
@@ -1,4 +1,4 @@
-@import "000_vars.scss";
+@import "../common/000_vars.scss";
 
 #desktop-version-link {
   display: none;
@@ -14,6 +14,7 @@
   }
 
   div#page {
+    padding: 0 2px;
     > div /* div#c-$controller */ {
       > div /* div#a-$action */ {
         display: flex;
@@ -88,13 +89,13 @@
   }
 
   article.post-preview {
-    margin: 15px 0;
-    width: 150px;
+    margin: 0 0 10px 0;
+    width: 48vw;
     text-align: center;
     vertical-align: middle;
     display: inline-block;
     a {
-      width: 150px;
+      width: 48vw;
       display: block;
       margin: 0 auto;
     }