From 16ee63af6e1d001b5abaee403898c21d05dfb37f Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 22 Nov 2020 17:58:26 +0200
Subject: [PATCH] update search

---
 src/components/SearchListItem.vue | 9 ++++++++-
 src/templates/Overview.vue        | 2 +-
 src/templates/Search.vue          | 6 +++---
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/SearchListItem.vue b/src/components/SearchListItem.vue
index 0e0eaf8c1..319621e3c 100644
--- a/src/components/SearchListItem.vue
+++ b/src/components/SearchListItem.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex px-0 sm:px-4 pb-8 mb-8"
+    class="flex search-post px-0 sm:px-4 pb-8 mb-8"
     v-bind:class="{ 'no-border': !border }"
   >
     <g-link :to="record.path" class="post-card-image-link">
@@ -100,6 +100,13 @@ export default {
 
 .flex-post {
   flex-direction: row;
+  
+}
+.search-post{
+  border-bottom-width: 1px;
+  border-bottom-color: #e2e8f0;
+  
+  width: 100%;
 }
 
 .post-card-image {
diff --git a/src/templates/Overview.vue b/src/templates/Overview.vue
index 3641b403e..32c4a1f77 100644
--- a/src/templates/Overview.vue
+++ b/src/templates/Overview.vue
@@ -1,7 +1,7 @@
 <template>
   <Layout>
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden">
-      <div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
+      <div class="flex flex-wrap pt-8 pb-8 mx-4 sm:-mx-4">
         <PostListItem v-for="edge in $page.entries.edges" :key="edge.node.id" :record="edge.node" />
       </div>
     </div>
diff --git a/src/templates/Search.vue b/src/templates/Search.vue
index 7e7159874..ec592c995 100644
--- a/src/templates/Search.vue
+++ b/src/templates/Search.vue
@@ -18,8 +18,8 @@
         />
       </div>
       <div v-else class="flex flex-col with-large my-auto text-center">
-        <h1>404</h1>
-        <p>OOPS! Something went wrong here</p>
+        <h1 class="py-1">No results</h1>
+        <p class="pb-5">OOPS! Something went wrong here</p>
       </div>
     </div>
   </Layout>
@@ -159,6 +159,6 @@ export default {
 
 <style scoped>
 h1 {
-  font-size: 13rem;
+  font-size: 3rem;
 }
 </style>