Fix styling issuesstyling-fixes

Signed-off-by: Julius Härtl <jus@bitgrid.net>

1 files 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;
 }