From 6b22776160de3e11881114fd71917dabe1e9c2bf Mon Sep 17 00:00:00 2001
From: riking <rikingcoding@gmail.com>
Date: Wed, 13 Aug 2014 12:38:55 -0700
Subject: [PATCH] Style & structure fixes for mobile user page

---
 .../templates/user/user.js.handlebars         |  3 ++-
 app/assets/stylesheets/mobile/user.scss       | 20 +++++++++++++++++--
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/user/user.js.handlebars b/app/assets/javascripts/discourse/templates/user/user.js.handlebars
index b1cbe1abd..04b9bd4e2 100644
--- a/app/assets/javascripts/discourse/templates/user/user.js.handlebars
+++ b/app/assets/javascripts/discourse/templates/user/user.js.handlebars
@@ -66,8 +66,9 @@
               {{#if number_of_flagged_posts}}
                 <div>
                   {{#link-to 'user.flaggedPosts' this}}
-                    <span class="pill flagged-posts">{{number_of_flagged_posts}}</span>&nbsp;{{i18n user.staff_counters.flagged_posts}}</div>
+                    <span class="pill flagged-posts">{{number_of_flagged_posts}}</span>&nbsp;{{i18n user.staff_counters.flagged_posts}}
                   {{/link-to}}
+                </div>
               {{/if}}
               {{#if number_of_deleted_posts}}
                 <div>
diff --git a/app/assets/stylesheets/mobile/user.scss b/app/assets/stylesheets/mobile/user.scss
index 519288f21..77de38d4f 100644
--- a/app/assets/stylesheets/mobile/user.scss
+++ b/app/assets/stylesheets/mobile/user.scss
@@ -147,16 +147,30 @@
         img {
           max-width: 100%;
         }
+
+        .primary-textual {
+          width: 90%;
+          margin: 0 auto;
+          padding: 4px;
+          background: rgba($primary, 0.3);
+
+          h1, h2 {
+            margin: 7px;
+          }
+        }
       }
 
       .secondary {
         background-color: $primary;
         text-align: left;
-        padding: 0 10px;
+        padding: 1px 10px;
 
         dd {
           color: $secondary;
           margin: 0 0 7px 0;
+          a {
+            color: inherit;
+          }
         }
         dt {
           color: scale-color($primary, $lightness: 75%);
@@ -274,8 +288,10 @@
 
   .staff-counters {
     text-align: center;
-    > div {
+    div {
+      padding: 2px 8px;
       margin-bottom: 10px;
+      display: inline-block;
     }
     a.active {
       font-weight: bold;