user info on top of entries, fix #105

static/css/styles.css

@@ -774,8 +774,9 @@ footer a {
 	padding-top: 0px;
 }
 #user .info {
-	float: left;
+	float: right;
 	width: 20%;
+	text-align: center;
 }
 #user .info h1 {
 	font-size: 1.1rem;
@@ -790,9 +791,6 @@ footer a {
 #user .entries .entry .meta .flair {
 	float: left;
 }
-#user .comment {
-	width: 100%;
-}
 #user .entries .entry .meta a {
 	margin-right: 5px;
 	margin-left: 5px;
@@ -1353,6 +1351,19 @@ code {
 	background: #fff0;
 	transition: none;
 }
+@media only screen and (max-width: 768px) {
+  #user .info {
+		float: right;
+		width: 100%;
+		text-align: center;
+		margin: 0px 0px 20px 0px;
+  }
+  #user .entries {
+		float: left;
+	  width: calc(100% - 20px);
+		min-height: 100vh;
+  }
+}
 @media only screen and (max-width: 600px) {
   #sidebar {
     width: 100%;

views/user.pug

@@ -58,6 +58,13 @@ html
                   a(href="?sort=" + sortby + "&t=year") past year
                 li(class=past === 'all' ? 'active' : '')
                   a(href="?sort=" + sortby + "&t=all") all time
+        .info
+          h1 #{data.username}
+          p(class="user-stat") <span>#{kFormatter(data.link_karma)}</span> post karma
+          p(class="user-stat") <span>#{kFormatter(data.comment_karma)}</span> comment karma
+          br
+          p(title="" + toUTCString(data.created) + "") account created: #{toDateString(data.created)}
+          p verified: #{(data.verified) ? "yes" : "no" }
         .entries
           if !data.posts || data.posts.length <= 0
             h3 no posts/comments
@@ -128,11 +135,4 @@ html
             a(href="/u/" + data.username + "?before=" + data.before + "") ‹ prev
           if data.after
             a(href="/u/" + data.username + "?after=" + data.after + "") next ›
-        .info
-          h1 #{data.username}
-          p(class="user-stat") <span>#{kFormatter(data.link_karma)}</span> post karma
-          p(class="user-stat") <span>#{kFormatter(data.comment_karma)}</span> comment karma
-          br
-          p(title="" + toUTCString(data.created) + "") account created: #{toDateString(data.created)}
-          p verified: #{(data.verified) ? "yes" : "no" }
     include includes/footer.pug