From b331d9a2a93ee82ff65bd942d312a5cf12da9f8a Mon Sep 17 00:00:00 2001
From: wvengen <dev-voko@willem.engen.nl>
Date: Wed, 8 Jan 2014 19:58:45 +0100
Subject: [PATCH] better css responsiveness [ci skip]

---
 app/assets/stylesheets/bootstrap_and_overrides.css.less | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/bootstrap_and_overrides.css.less b/app/assets/stylesheets/bootstrap_and_overrides.css.less
index 47551709..6f70a2e1 100644
--- a/app/assets/stylesheets/bootstrap_and_overrides.css.less
+++ b/app/assets/stylesheets/bootstrap_and_overrides.css.less
@@ -292,16 +292,18 @@ input.package {
 i.package {
   background: url(package-bg.png) no-repeat left center;
   min-width: 18px;
-  padding-left: 20px;
   font-style: normal;
+  padding-left: 20px;
+  @media (max-width: 768px) { padding-left: 0; }
 }
 .package              { color: tint(@textColor, @nonessentialDim); }
 .used        .package { color: tint(@articleUsedColor, @nonessentialDim); }
 .unused      .package { color: tint(@articleUnusedColor, @nonessentialDim); }
 .unavailable .package { color: @articleUnavailColor; }
 
+// very small inputs - need !important for responsive selectors
 .input-nano {
-  width: 30px;
+  width: 30px !important;
 }
 
 // get rid of extra space on bottom of dialog with form