Merge pull request #8127 from owncloud/searchresults-mobile

make search results work on mobile as well

core/css/mobile.css

@@ -19,6 +19,7 @@
 .searchbox input[type="search"]:focus,
 .searchbox input[type="search"]:active {
 	width: 155px;
+	max-width: 50%;
 }
 
 /* do not show display name on mobile when profile picture is present */

search/css/results.css

@@ -9,13 +9,14 @@
 	list-style:none;
 	max-height:80%;
 	overflow-x:hidden;
-	overflow-y: scroll;
+	overflow-y: auto;
 	padding-bottom:6px;
 	position:fixed;
 	right:0;
 	text-overflow:ellipsis;
 	top:45px;
 	width:380px;
+	max-width: 95%;
 	z-index:75;
 }
 
@@ -44,18 +45,21 @@
 
 #searchresults td {
 	padding:0 .3em;
-	height: 32px;
+	height: 44px;
 }
 #searchresults tr.template {
 	display: none;
 }
 
-#searchresults td.result {
-	width:250px;
+#searchresults .name,
+#searchresults .text {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
-#searchresults td.result div.text {
-	padding-left:1em;
-	white-space:nowrap;
+#searchresults .text {
+	padding-left: 16px;
+	color: #999;
 }
 
 #searchresults td.result * {