user page styling

Author: Ian Redpath

public/css/index.css

@@ -26,4 +26,4 @@ body {
 }
 .course-page {
 	margin-top:15px;
-}
+}

public/project/components/users/user.view.html

@@ -1,12 +1,12 @@
 <div *ngIf='!fetchingUser' class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2">
   <div class="profile-header">
-    <div class="col-sm-4 col-md-4">
+    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
       <img class="user-img" src="./assets/default_user.png">
     </div>
-    <div class="col-sm-6 col-md-6">
+    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
       <h1>{{user.username}}</h1>
     </div>
-    <div class="col-sm-2 col-md-2"></div>
+    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"></div>
   </div>
   <div>
 

public/project/css/style.css

@@ -52,6 +52,8 @@
 }
 .profile-header {
 	display: inline-block;
+	margin-top: 20px;
+	margin-bottom: 10px;
 }
 
 .library-movie:hover {