src/views/ProjectsView.vue

@@ -8,16 +8,18 @@
 
     <!-- Quick Search -->
 
-    <input
+    <div id="QuickSearch" class="mb-4 flex">
-      type="text"
+      <input
-      placeholder="Search…"
+        type="text"
-      class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2"
+        placeholder="Search…"
-    />
+        class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2"
-    <button
+      />
-      class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"
+      <button
-    >
+        class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"
-      <fa icon="magnifying-glass" class="fa-fw"></fa>
+      >
-    </button>
+        <fa icon="magnifying-glass" class="fa-fw"></fa>
+      </button>
+    </div>
 
     <!-- New Project -->
     <button
@@ -37,7 +39,7 @@
 
     <!-- Results List -->
     <InfiniteScroll @reached-bottom="loadMoreData">
-      <ul>
+      <ul class="border-t border-slate-300">
         <li
           class="border-b border-slate-300"
           v-for="project in projects"