fix layout of sharing list

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

diff --git a/apps/files/css/mobile.css b/apps/files/css/mobile.css
index 8e2ef23221d4fda704835aeb7bbc8622bacfd136..c465f890ddac0b537006cc39fbb62b8c42e7b964 100644 (file)
--- a/apps/files/css/mobile.css
+++ b/apps/files/css/mobile.css
@@ -61,9 +61,9 @@ table td.filename .nametext .innernametext {
        max-width: 50%;
 }
 
-/* ellipsis on user names in share sidebar */
+/* ellipsis on user names in share sidebar, less on mobile */
 #shareWithList .username {
-    max-width: 80px !important;
+       max-width: 80px !important;
 }
 
 /* proper notification area for multi line messages */

diff --git a/apps/files_sharing/css/sharetabview.css b/apps/files_sharing/css/sharetabview.css
index 1de0cc7c75d9c979a20f168a0b5124aa5a1bdc55..911ad1b4b99574775c9c2b975742e677c570a329 100644 (file)
--- 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 {

diff --git a/core/css/share.css b/core/css/share.css
index b2c47608933d9012cab7d149f27d7ec5d1472728..bbd1ce70091740cf7de582f79a0f18389821bd37 100644 (file)
--- a/core/css/share.css
+++ b/core/css/share.css
@@ -82,8 +82,8 @@
 }
 
 #shareWithList .sharingOptionsGroup .popovermenu {
-       right: -22px;
-       top: 30px;
+       right: -14px;
+       top: 40px;
 }
 
 #shareWithList .shareOption {