From 263ff18d07e8bf7c287af143d718bae258cacd13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 6 Jul 2017 12:57:20 +0200
Subject: Fix styling issues
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 css/apporder.css | 38 ++++++++++++++++++++++----------------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/css/apporder.css b/css/apporder.css
index dbc76e7..fd52d7e 100644
--- a/css/apporder.css
+++ b/css/apporder.css
@@ -1,23 +1,28 @@
+#appsorter {
+	margin-top: 10px;
+	width:100%;
+	max-width: 320px;
+}
 #appsorter li {
-	overflow: hidden;
 	margin-bottom: 2px;
+	display: flex;
 }
 
 #appsorter img {
-	width: 14px;
-	height: 14px;
-	background-color: #cccccc;
-	padding: 4px;
-	float: left;
-	-webkit-border-radius: 3px;
-	-moz-border-radius: 3px;
-	border-radius: 3px;
+	width: 20px;
+	height: 20px;
+	margin:1px;
+	margin-right: 10px;
+	-webkit-filter: invert(1);
+	filter: invert(1);
+	filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1');
+	opacity: .7;
 }
 
 #appsorter .placeholder {
 	border: 1px dashed #aaaaaa;
 	visibility: visible;
-	width: 20px;
+	width: 100%;
 	height: 20px;
 	margin-bottom: 2px;
 	-webkit-border-radius: 3px;
@@ -25,14 +30,15 @@
 	border-radius: 3px;
 }
 
-#appsorter li input{
-	float: left;
+#appsorter li input {
 	margin: 0;
+	padding: 0;
+	width: 14px;
+	height: 14px;
+	margin-top: -5px;
+	margin-right: 10px;
 }
 
 #appsorter li p {
-	display: block;
-	float: left;
-	padding-bottom: 1px;
-	padding-left: 5px;
+	padding: 1px;
 }
-- 
cgit v1.2.3