From 35a02d00b42b544d551e6a1829028017211012aa Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Tue, 15 Jan 2019 17:08:48 -0800
Subject: [PATCH] ui: Compact pages on extra small screen sizes

- Don't take up the too much margins with content container.

- Fallback to white background to avoid container boxes.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
---
 static/themes/default/css/plinth.css | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/static/themes/default/css/plinth.css b/static/themes/default/css/plinth.css
index a6b5dfb08..f5e7ee090 100644
--- a/static/themes/default/css/plinth.css
+++ b/static/themes/default/css/plinth.css
@@ -63,6 +63,12 @@ body {
     background: url('../img/noise.png') #f1f1f1;
 }
 
+@media (max-width: 767px) {
+    body {
+        background: none;
+    }
+}
+
 .multiple-checkbox li {
     list-style-type: none;
 }
@@ -178,13 +184,18 @@ html {
 }
 
 .content-container {
-    padding: 25px 50px 50px;
-    background-color: white;
-    border: 1px solid #ddd;
-    border-radius: 4px;
     margin-bottom: 20px;
 }
 
+@media (min-width: 768px) {
+    .content-container {
+        padding: 25px 50px 50px;
+        background-color: white;
+        border: 1px solid #ddd;
+        border-radius: 4px;
+    }
+}
+
 footer {
     text-align: center;
     position: relative;