From cdfed6fbbdd4a63f1232f25ac65dfc806ee76e25 Mon Sep 17 00:00:00 2001
From: Olivier Paroz <github@oparoz.com>
Date: Sun, 14 Feb 2016 00:47:44 +0100
Subject: [PATCH] Improve the uploading experience for smaller screens

---
 css/mobile.css             |  5 +++++
 templates/part.content.php | 17 ++++++++---------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/css/mobile.css b/css/mobile.css
index 44e1ba9627..fbb960f0ac 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -5,4 +5,9 @@
 		margin-right: 0 !important;
 	}
 
+	/* shorten elements for mobile */
+	#uploadprogressbar {
+		width: 50px;
+	}
+
 }
diff --git a/templates/part.content.php b/templates/part.content.php
index 10894581bc..0b2804efb4 100644
--- a/templates/part.content.php
+++ b/templates/part.content.php
@@ -41,23 +41,22 @@
 		'jquery.iframe-transport'
 	]
 );
-
+style(
+	'files',
+	[
+		'upload'
+	]
+);
 style(
 	$_['appName'],
 	[
 		'styles',
 		'share',
-		'mobile',
 		'github-markdown',
 		'slideshow',
 		'gallerybutton',
-		'upload'
-	]
-);
-style(
-	'files',
-	[
-		'upload'
+		'upload',
+		'mobile',
 	]
 );
 ?>