Aligning with line height

Remove "top:" in favour of setting "line-height" and fixing the
resulting problem with the input field being positioned wrongly.

1 files changed, 5 insertions, 10 deletions

diff --git a/apps/files/css/files.css b/apps/files/css/files.css
index a580728323a..404762b7618 100644
--- a/apps/files/css/files.css
+++ b/apps/files/css/files.css
@@ -180,7 +180,6 @@ table th#headerName {
 	height: 50px;
 }
 table th#headerSize, table td.filesize {
-	min-width: 48px;
 	text-align: right;
 	padding: 0;
 }
@@ -193,6 +192,7 @@ table th.column-last, table td.column-last {
 	box-sizing: border-box;
 	position: relative;
 	/* this can not be just width, both need to be set … table styling */
+	padding: 0 8px;
 	min-width: 176px;
 	max-width: 176px;
 }
@@ -227,14 +227,14 @@ table td.filename a.name {
 	box-sizing: border-box;
 	display: block;
 	height: 50px;
-	vertical-align: middle;
+	line-height: 50px;
 	padding: 0;
 }
 table tr[data-type="dir"] td.filename a.name span.nametext {font-weight:bold; }
 table td.filename input.filename {
 	width: 80%;
 	font-size: 14px;
-	margin-top: 8px;
+	margin-top: 0;
 	margin-left: 2px;
 	cursor: text;
 }
@@ -257,7 +257,6 @@ table td.filename .nametext, .uploadtext, .modified, .column-last>span:first-chi
 /* TODO fix usability bug (accidental file/folder selection) */
 table td.filename .nametext {
 	position: absolute;
-	top: 15px;
 	left: 55px;
 	padding: 0;
 	overflow: hidden;
@@ -315,7 +314,7 @@ table td.filename .nametext .innernametext {
 /* for smaller resolutions - see mobile.css */
 
 table td.filename .uploadtext { font-weight:normal; margin-left:8px; }
-table td.filename form { font-size:14px; margin-left:48px; margin-right:48px; }
+table td.filename form { font-size:14px; margin-left:46px; height: 40px; padding-top: 10px}
 
 .ie8 input[type="checkbox"]{
 	padding: 0;
@@ -384,7 +383,6 @@ table td.filename form { font-size:14px; margin-left:48px; margin-right:48px; }
 /* File actions */
 .fileactions {
 	position: absolute;
-	top: 15px;
 	right: 0;
 	font-size: 11px;
 }
@@ -402,10 +400,6 @@ table td.filename form { font-size:14px; margin-left:48px; margin-right:48px; }
 
 a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; }
 
-.fileactions a.action > img{
-	margin-bottom: -1px;
-}
-
 /* Actions for selected files */
 .selectedActions {
 	position: absolute;
@@ -429,6 +423,7 @@ a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; }
 #fileList a.action {
 	display: inline;
 	padding: 18px 8px;
+	line-height: 50px;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 	filter: alpha(opacity=0);
 	opacity: 0;