add css to user info

FACN1 · Apr 12, 2017 · 917c4ee · 917c4ee
1 parent e01fe35
commit 917c4ee
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 3 deletions.
diff --git a/public/style.css b/public/style.css
@@ -124,3 +124,30 @@ header p {
   margin: 12px 0px;
   box-sizing: border-box;
 }
+
+.user-info {
+	float: right;
+}
+
+.user-info:after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+.user-info img {
+	display:block;
+	float: right;
+	border-radius: 50%;
+	height: 64px;
+}
+
+.user-info:after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+.user-info strong {
+	display: block;
+}
diff --git a/src/views/partials/header.hbs b/src/views/partials/header.hbs
@@ -1,8 +1,10 @@
 <header class="members-header container">
   {{#if username}}
-  <strong>{{username}}</strong>
-  <img src="{{avatar_url}}" alt="{{username}}'s profile picture">
-  {{/if}} 
+    <div class="user-info">
+      <strong>{{username}}</strong>
+      <img src="{{avatar_url}}" alt="{{username}}'s profile picture">
+    </div>
+  {{/if}}
   <h1>{{title}}</h1>
   <p>{{description}}</p>
 </header>