From b3c7c8700d7ddf73d6fef4076f15ae7c3d39ce67 Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Mon, 3 Oct 2016 16:10:17 +0200
Subject: Fix most pages on small screens

---
 app/assets/stylesheets/about.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'app/assets/stylesheets/about.scss')

diff --git a/app/assets/stylesheets/about.scss b/app/assets/stylesheets/about.scss
index df52ec184..84627383a 100644
--- a/app/assets/stylesheets/about.scss
+++ b/app/assets/stylesheets/about.scss
@@ -3,7 +3,7 @@
 
 .about-body {
   .wrapper {
-    width: 600px;
+    max-width: 600px;
     margin: 0 auto;
     color: #9baec8;
     padding-top: 200px;
@@ -38,4 +38,10 @@
     font: 16px/16px 'Montserrat', sans-serif;
     font-weight: 300;
   }
+
+  @media screen and (max-width: 360px) {
+    .wrapper {
+      padding: 20px;
+    }
+  }
 }
-- 
cgit