add design stuff for header display

app/assets/stylesheets/scss/user.scss

@@ -53,7 +53,7 @@
   position: absolute;
   z-index: 0;
   width: 100%;
-  height: 40vh;
+  height: 300px;
   background-color: darken($navbar-inverse-bg, 10%);
   background-size: cover;
 }
@@ -125,3 +125,15 @@
 .user--banned {
   text-decoration: line-through !important;
 }
+
+.profile--panel-push-50 {
+  display: block;
+  height: 50px;
+  width: 100%;
+}
+
+.profile--panel-push-200 {
+  display: block;
+  height: 180px;
+  width: 100%;
+}

app/views/user/show.html.haml

@@ -1,9 +1,11 @@
 .profile--header
 .container.j2-page
   .col-md-3.col-xs-12.col-sm-4
+    .profile--panel-push-50.hidden-xs
     = render 'user/profile_info'
     .hidden-xs= render 'shared/links'
   .col-md-9.col-xs-12.col-sm-8
+    .profile--panel-push-200.hidden-xs
     = render 'shared/questionbox'
     #answers
       - @answers.each do |a|