From b4e92d33a528fb8f8fb80bf6dbf9e9c6ab352b71 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 22 Nov 2020 19:17:44 +0200
Subject: [PATCH] update search2

---
 src/components/PostListItem.vue | 4 ++--
 src/templates/Search.vue        | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/PostListItem.vue b/src/components/PostListItem.vue
index 9dce33719..e153cc651 100644
--- a/src/components/PostListItem.vue
+++ b/src/components/PostListItem.vue
@@ -14,12 +14,12 @@
       <g-link :to="record.path">
         <h2 class="post-card-title mt-3">{{ record.title || record.name }}</h2>
         <p class="post-card-excerpt">{{ record.excerpt }}</p>
-        <section class="post-tags container mx-auto relative py-1">
+        <section class="flex flex-wrap post-tags container mx-auto relative py-1">
               <g-link
                 v-for="membership in record.memberships"
                 :key="membership.id"
                 :to="membership.path"
-                class="text-xs bg-transparent hover:text-blue-700 py-1 px-2 mr-1 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full"
+                class="text-xs bg-transparent hover:text-blue-700 py-1 px-2 mr-1 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full mb-2"
                 >{{ membership.title }}</g-link
               >
             </section>
diff --git a/src/templates/Search.vue b/src/templates/Search.vue
index 33f7d9f8b..7d67263d8 100644
--- a/src/templates/Search.vue
+++ b/src/templates/Search.vue
@@ -20,8 +20,8 @@
           :record="edge.node"
         />
       </div>
-      <div v-else class="flex flex-col with-large my-auto text-center">
-        <h1>404</h1>
+      <div v-else class="flex flex-col with-large my-auto text-center py-20">
+        <h1 class="">No results</h1>
         <p>OOPS! Something went wrong here</p>
       </div>
     </div>
@@ -165,6 +165,6 @@ export default {
 
 <style scoped>
 h1 {
-  font-size: 13rem;
+  font-size: 3rem;
 }
 </style>