fix layout of sharing list

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

1 files changed, 16 insertions, 9 deletions

diff --git a/apps/files_sharing/css/sharetabview.css b/apps/files_sharing/css/sharetabview.css
index 1de0cc7c75d..911ad1b4b99 100644
--- a/apps/files_sharing/css/sharetabview.css
+++ b/apps/files_sharing/css/sharetabview.css
@@ -54,16 +54,21 @@
 }
 
 #shareWithList .unshare img, #shareWithList .showCruds img {
-	vertical-align:text-bottom; /* properly align icons */
+	vertical-align: text-bottom; /* properly align icons */
 }
 
-#shareWithList .sharingOptionsGroup .icon-more,
-#shareWithList .unshare .icon-delete {
-	vertical-align: sub;
+#shareWithList .sharingOptionsGroup .icon-more {
+	padding: 7px;
+	vertical-align: middle;
+	opacity: .5;
 }
 
 #shareWithList .unshare {
-	padding: 0;
+	padding: 4px;
+	vertical-align: text-bottom;
+}
+#shareWithList .unshare .icon {
+	vertical-align: text-top;
 }
 
 #shareWithList .unshare .icon-delete {
@@ -71,21 +76,23 @@
 	background-position-x: 0;
 }
 
-#shareWithList label input[type=checkbox]{
+#shareWithList label input[type=checkbox] {
 	margin-left: 0;
 	position: relative;
 }
-#shareWithList .username{
+#shareWithList .username {
 	padding-right: 8px;
 	white-space: nowrap;
 	text-overflow: ellipsis;
-	max-width: 254px;
+	max-width: 110px;
 	display: inline-block;
 	overflow: hidden;
 	vertical-align: middle;
 }
-#shareWithList li label{
+#shareWithList li label {
+	padding: 6px;
 	margin-right: 8px;
+	vertical-align: text-top;
 }
 
 .shareTabView .icon-loading-small {