From 8c6bc1aa8850afcd7dde91a6544b1ad1a7208377 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 19 Sep 2020 22:05:38 -0500
Subject: [PATCH] Add divider lines to search list

---
 components/search.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/search.vue b/components/search.vue
index 2c5c71c..fd52c77 100644
--- a/components/search.vue
+++ b/components/search.vue
@@ -24,14 +24,15 @@
 
                     <div class="search-results py-8">
 
-                        <ul class="results-container rounded-lg border neumorphic-shadow">
+                        <ul class="results-container rounded-lg border border-gray-700 divide-y divide-gray-700 neumorphic-shadow px-5">
                             <li
                                 v-for="(app, i) in results"
                                 :key="`${app.slug}-${i}`"
                             >
                                 <a
                                     :href="`/app/${ app.slug }`"
-                                    class="block hover:neumorphic-shadow hover:bg-gradient-to-tr from-darkest to-darker focus:outline-none focus:bg-gray-50 transition duration-300 ease-in-out rounded-lg">
+                                    class="block hover:neumorphic-shadow hover:bg-gradient-to-br from-darkest to-dark focus:outline-none focus:bg-gray-50 transition duration-300 ease-in-out rounded-lg -mx-5"
+                                >
                                     <div class="flex items-center px-4 py-4 sm:px-6">
                                         <div class="min-w-0 flex-1 flex items-center">
                                             <div class="flex-shrink-0">