Chnage ui for no document search

app/views/documents/index.html.erb

@@ -27,13 +27,16 @@
         </div>
       </div>
     <% else %>  
-    <div class="d-flex justify-content-center flex-column no-search-body"> 
+    <div class="d-flex justify-content-center flex-column"> 
-      <div class="text-center ">
+      <table class="table table-hover mb-0">
-        <%= image_pack_tag 'application/search-icon.png', class: "search-doc-icon"%>
+        <thead>
-      </div>
+          <th class="bg-light"> Reference No. </th>
-      <div class="text-center label-no-search" >
+          <th class="bg-light"> Title </th>
-        No Documents Found
+          <th class="bg-light"> Date </th>
-      </div>
+        </thead>
+        <tbody>
+        </tbody>
+      </table>  
     </div>
     <% end %>
   </div>