3 files changed, 28 insertions, 2 deletions

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>