Fix #2384

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

diff --git a/apps/files_sharing/css/sharetabview.css b/apps/files_sharing/css/sharetabview.css
index 6ac6dff0a6634468741109a0e5491ffba8706428..35b2d2f337d2b1fbfc1385d58eb59592dd4132c1 100644 (file)
--- a/apps/files_sharing/css/sharetabview.css
+++ b/apps/files_sharing/css/sharetabview.css
@@ -56,6 +56,8 @@
        padding-bottom: 5px;
        font-weight: bold;
        white-space: normal;
+       display: inline-flex;
+       align-items: center;
 }
 
 #shareWithList .unshare img, #shareWithList .showCruds img {
@@ -89,7 +91,6 @@
        padding-right: 8px;
        white-space: nowrap;
        text-overflow: ellipsis;
-       max-width: 110px;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;

diff --git a/core/css/share.css b/core/css/share.css
index 9a9849127607bd3937790d4e420e85089d725ca6..3528402d0460ed6f610f094c17a91eaefce24ad9 100644 (file)
--- a/core/css/share.css
+++ b/core/css/share.css
@@ -74,16 +74,18 @@
        font-weight: bold;
        line-height: 21px;
        white-space: normal;
+       max-width: 100%;
 }
 
 #shareWithList .sharingOptionsGroup {
-       position: absolute;
-       right: 15px;
+       flex-shrink: 0;
+       position: relative;
 }
 
 #shareWithList .sharingOptionsGroup .popovermenu {
-       right: -14px;
+       right: -6px;
        top: 40px;
+       padding: 3px 6px;
 }
 
 #shareWithList .shareOption {
@@ -103,7 +105,6 @@
        padding-right: 8px;
        white-space: nowrap;
        text-overflow: ellipsis;
-       max-width: 254px;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;