diff --git a/static/css/styles.css b/static/css/styles.css index 2d10f54..7dce1ee 100644 --- a/static/css/styles.css +++ b/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%; diff --git a/views/user.pug b/views/user.pug index 353a1b1..6a6c65e 100644 --- a/views/user.pug +++ b/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") #{kFormatter(data.link_karma)} post karma + p(class="user-stat") #{kFormatter(data.comment_karma)} 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") #{kFormatter(data.link_karma)} post karma - p(class="user-stat") #{kFormatter(data.comment_karma)} comment karma - br - p(title="" + toUTCString(data.created) + "") account created: #{toDateString(data.created)} - p verified: #{(data.verified) ? "yes" : "no" } include includes/footer.pug