From f86b0e71d1a4c6b28166cf9bc491a315aa20b2fa Mon Sep 17 00:00:00 2001
From: Luc Didry <luc@didry.org>
Date: Mon, 7 Jul 2014 21:18:20 +0200
Subject: [PATCH] Make uploader label responsive

---
 public/css/uploader.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/public/css/uploader.css b/public/css/uploader.css
index 7366065..ee535e0 100644
--- a/public/css/uploader.css
+++ b/public/css/uploader.css
@@ -26,6 +26,18 @@
 	padding: 10px;
 }
 
+@media (max-width:768px){
+	.uploader div.browser label {
+		max-width:95%;
+	}
+}
+
+@media (min-width:768px){
+	.uploader div.browser label {
+		width:300px;
+	}
+}
+
 .uploader div.browser label {
 	background-color: #5a7bc2;
 	padding: 5px 15px;
@@ -38,7 +50,6 @@
 	position: relative;
 	overflow: hidden;
 	display: block;
-	width: 300px;
 	margin: 20px auto 0px auto;
 
 	box-shadow: 2px 2px 2px #888888;