Adding Git content to cards

Author: JBris

client/src/components/ListItem.vue

@@ -1,9 +1,11 @@
 <template>
-  <div class="column is-4">
+  <div class="column is-5">
     <CollapsibleCard :title="`${repo.author}/${repo.repo}`" id="`repo-item-${repo.id}`">
         <div class="panel-body">
-            <p>{{ repo.htmlUrl }}</p>
-            <p>{{ repo.description }}</p>
+          <p>{{ repo.description }}</p>
+          <a :href="repo.htmlUrl" :target="`_blank`" rel="noopener noreferrer">Home</a>
+          <a :href="repo.tagsUrl" :target="`_blank`" rel="noopener noreferrer">Tags</a>
+          <a :href="repo.cloneUrl" :target="`_blank`" rel="noopener noreferrer">Clone</a>
         </div>  
     </CollapsibleCard>
   </div>

client/src/components/layout/Header.vue

@@ -1,9 +1,8 @@
 <template>
     <div> 
-        <div> 
-            <img src="@/assets/logo.png" width="25px">
-            Git Search
-        </div>
+        <header>
+            <h2>Git Search</h2>
+        </header>
     </div>
 </template>
 <script>