Fixes UI issues with the design,

1. Removes an unnecessary width
2. Content of the table header moving down on selection. Happening due to increase in height of header.
3. Invalid font-size for the actions menu.
4. Vertical position of the action menu

Signed-off-by: Abijeet <abijeetpatro@gmail.com>

2 files changed, 4 insertions, 6 deletions

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index b3ce4c02392..6a56036119a 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -248,7 +248,7 @@ table th.column-last, table td.column-last {
 }
 table.multiselect thead {
 	position: fixed;
-	top: 89px;
+	top: 94px;
 	z-index: 55;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
@@ -477,13 +477,14 @@ a.action > img {
 /* Actions for selected files */
 .selectedActions {
     position: relative;
+    display: inline-block;
+    vertical-align: middle;
 }
 
 .selectedActions a {
 	display: inline;
-	font-size: 11px;
 	line-height: 50px;
-	padding: 18px 5px;
+	padding: 16px 5px;
 }
 
 .selectedActions a.hidden {
diff --git a/apps/files/css/mobile.scss b/apps/files/css/mobile.scss
index 42526a5c3f5..a53066c4452 100644
--- a/apps/files/css/mobile.scss
+++ b/apps/files/css/mobile.scss
@@ -66,9 +66,6 @@ table.dragshadow {
 
 }
 @media only screen and (max-width: 480px)  {
-    	table thead {
-        	width: 100% !important;
-    	}
 	/* Only show icons */
 	table th .selectedActions {
 		float: right;