From 26fcfa1bd9b58118359c18c7274dd93cb0375dea Mon Sep 17 00:00:00 2001
From: Marcin Kurczewski <mkurczew@gmail.com>
Date: Sun, 3 Aug 2014 23:41:15 +0200
Subject: [PATCH] Improved support for small screens in upload form

---
 public_html/media/css/post-upload.css | 35 ++++++++++++++++++---------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/public_html/media/css/post-upload.css b/public_html/media/css/post-upload.css
index 9e445e78..c6b58f0f 100644
--- a/public_html/media/css/post-upload.css
+++ b/public_html/media/css/post-upload.css
@@ -1,13 +1,3 @@
-.items .item {
-	width: 30%;
-	float: left;
-}
-
-.items .sep {
-	width: 3%;
-	float: left;
-}
-
 #upload-step1 {
 	display: table;
 	width: 50%;
@@ -63,21 +53,39 @@
 }
 #posts {
 	border-spacing: 0;
+	table-layout: fixed;
+	width: 100%;
 }
 #posts td,
 #posts th {
 	padding: 0.2em 0.5em;
+	text-align: center;
 }
 #posts th {
 	font-weight: normal;
-	text-align: left;
 }
 #posts tr.selected {
 	background: lemonchiffon;
 }
+#posts .checkbox {
+	width: 30px;
+	padding: 0.2em 0;
+}
+#posts .checkbox input {
+	margin: 0 auto;
+}
+#posts .thumbnail {
+	width: 40px;
+	padding: 0.2em 0;
+}
+#posts .safety {
+	width: 60px;
+	padding: 0.2em 0;
+}
 #posts .tags {
-	width: 100%;
 	text-align: left;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 #posts .safety {
 	text-align: center;
@@ -94,11 +102,14 @@
 #posts .thumbnail img {
 	width: 30px;
 	height: 30px;
+	display: inline-block;
+	margin: 0;
 	background-size: 30px 30px;
 }
 #post-ops {
 	list-style-type: none;
 	margin: 1em 0;
+	padding: 0;
 }
 #post-ops li {
 	display: inline-block;