Added some more formatting to the html

Author: thebeachdev

app/models/user.js

@@ -6,6 +6,7 @@ export default Model.extend({
   name: attr('string'),
   login: attr('string'),
   url: attr('string'),
+  avatarUrl: attr('string'),
   email: attr('string'),
   followers: attr('number'),
   bio: attr('string'),

app/templates/components/user-card.hbs

@@ -1,4 +1,7 @@
 <div class="ui card centered aligned">
+  <div class="image">
+    <img src={{user.avatarUrl}} alt="Avatar"/>
+  </div>
   <div class="content">
     <div class="header">{{user.login}}</div>
     <h4 class="ui sub header">{{user.bio}}</h4>

app/templates/index.hbs

@@ -4,26 +4,25 @@
   <div class="ui search">
     <div class="ui left icon input">
       {{input value=searchValue  class="prompt center aligned grid" type="text" placeholder="Search GitHub" enter="submitSearch"}}
-
       <i class="github icon"></i>
     </div>
   </div>
 </div>
 
 {{#if model}}
   <div class="ui container">
+    <br>
     <h1>Search Results</h1>
       <br>
-      <br>
-    <h1>User Profile</h1>
+    <h1>Profile</h1>
     {{user-card user=model}}
       <br>
       <br>
-    <h1>User Repos</h1>
+    <h1>Repos</h1>
       <br>
     {{repo-collection repos=model.repositories}}
   </div>
 {{else}}
-  <h1>There is no value present to search for</h1>
+  <h1>There is no value present to search for...</h1>
   {{!-- load error card here --}}
 {{/if}}