Align file menu below '+' button, fix #5595

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

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index 4e0bc9c01604d17ab39e04c43fb095becb36911c..3650991a63cbbbb88ace8668303c384a142e5718 100644 (file)
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -8,7 +8,12 @@
 }
 
 /* FILE MENU */
-.actions { padding:5px; height:32px; display: inline-block; float: left; }
+.actions {
+       padding: 5px;
+       height: 100%;
+       display: inline-block;
+       float: left;
+}
 .actions input, .actions button, .actions .button { margin:0; float:left; }
 .actions .button a { color: #555; }
 .actions .button a:hover,
@@ -658,8 +663,14 @@ table.dragshadow td.size {
        top: 100%;
        margin-top: 4px;
        min-width: 100px;
-       margin-left: 7px;
+       margin-left: 22px; /* Align left edge below center of + button … */
+       transform: translateX(-50%); /* … then center it below button */
        z-index: 1001;
+
+       /* Center triangle */
+       &::after {
+               left: calc(50% - 8px) !important;
+       }
 }
 
 #filestable .filename .action .icon,