From d212741638588a81adb112a53f09ec1b717617cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20Bajto=C5=A1?= <miroslav@strongloop.com>
Date: Tue, 14 Oct 2014 10:25:57 +0200
Subject: [PATCH] loopbackStyles: improve spacing in small window

Improve spacing of page elements when the browser window is small.
---
 public/css/loopbackStyles.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/public/css/loopbackStyles.css b/public/css/loopbackStyles.css
index 04d6894..5a56782 100644
--- a/public/css/loopbackStyles.css
+++ b/public/css/loopbackStyles.css
@@ -34,7 +34,12 @@
   color: #080;
 }
 
-/* 
-FIXME: Separate the overrides from the rest of the styles, rather than override screen.css entirely.
-*/
+/* Improve spacing when the browser window is small */
+#message-bar, #swagger-ui-container {
+  padding-left: 30px;
+  padding-right: 30px;
+}
 
+#api_selector {
+  padding: 0px 20px;
+}