fix position of elements in right sidebar

apps/files/css/detailsView.css

 #app-sidebar .detailFileInfoContainer {
-	min-height: 60px;
+	min-height: 50px;
 	padding: 15px;
 }
 
@@ -26,9 +26,19 @@
 }
 
 #app-sidebar .fileName {
-	font-weight: bold;
-	font-size: 17px;
-	overflow: hidden;
+	font-size: 16px;
+	padding-top: 3px;
+}
+
+#app-sidebar .file-details {
+	margin-top: 3px;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	opacity: .5;
+}
+#app-sidebar .action-favorite {
+	vertical-align: text-bottom;
+	padding: 10px;
+	margin: -10px;
 }
 
 #app-sidebar .detailList {
@@ -39,6 +49,7 @@
 	position: absolute;
 	top: 0;
 	right: 0;
-	margin: 15px;
+	padding: 15px;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	opacity: .5;
 }
-

apps/files/js/mainfileinfodetailview.js

@@ -11,7 +11,7 @@
 (function() {
 	var TEMPLATE =
 		'<div class="thumbnail"></div><div title="{{name}}" class="fileName ellipsis">{{name}}</div>' +
-		'<div class="ellipsis">' +
+		'<div class="file-details ellipsis">' +
 		'    <a href="#" ' +
 		'    alt="{{starAltText}}"' +
 		'    class="action action-favorite favorite">' +
@@ -96,4 +96,3 @@
 
 	OCA.Files.MainFileInfoDetailView = MainFileInfoDetailView;
 })();
-