From 34e6829ee12bdb713bff14d2f1842f3206373f96 Mon Sep 17 00:00:00 2001
From: jan <jan@ruken.pw>
Date: Wed, 30 Dec 2015 16:20:52 +0100
Subject: =?UTF-8?q?design=C3=A4nderungen=20bei=20der=20suche?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit


diff --git a/assets/css/search.css b/assets/css/search.css
new file mode 100644
index 0000000..94abbaf
--- /dev/null
+++ b/assets/css/search.css
@@ -0,0 +1,25 @@
+.search-results .search-result {
+	background-color: #fff;
+	line-height: 1.5rem;
+	padding: 10px 20px;
+	margin: 0;
+	border-bottom: 1px solid #e0e0e0;
+}
+
+.search-results {
+	margin: 0.5rem 0 1rem 0;
+	border: 1px solid #e0e0e0;
+	border-radius: 2px;
+	overflow: hidden;
+	position: relative;
+}
+
+.search-results .search-result.avatar {
+	min-height: 84px;
+	padding-left: 72px;
+	position: relative;
+}
+
+.search-results .search-result.avatar .title {
+	font-size: 16px;
+}
\ No newline at end of file
diff --git a/views/instant_search_results.html b/views/instant_search_results.html
index 73eda26..294315c 100644
--- a/views/instant_search_results.html
+++ b/views/instant_search_results.html
@@ -1,6 +1,6 @@
 {{ define "instant_search_results" }}
 {{ range .results }}
-<li class="collection-item avatar hoverable">
+<li class="search-result avatar hoverable valign-wrapper">
 	<img src="/{{ .ImagePath }}" alt="" class="circle">
 	<span class="title">{{ .Name }}</span>
 </li>
diff --git a/views/list.html b/views/list.html
index 5114ab9..f7ba097 100644
--- a/views/list.html
+++ b/views/list.html
@@ -6,6 +6,7 @@
 		{{ template "materialize" }}
 		<title>grilist</title>
 		<link rel="stylesheet" href="/assets/css/list.css" />
+		<link rel="stylesheet" href="/assets/css/search.css" />
 		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 		<script src="/assets/js/search.js"></script>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
@@ -70,7 +71,7 @@
 						</form>
 					</div>
 					<div class="col s10 offset-s1">
-						<ul class="collection search-results" id="search-results">
+						<ul class="search-results" id="search-results">
 						</ul>
 					</div>
 				</div>
-- 
cgit v0.10.1