Style & structure fixes for mobile user page

This commit is contained in:
riking 2014-08-13 12:38:55 -07:00
parent 9a1580244a
commit 6b22776160
2 changed files with 20 additions and 3 deletions

View File

@ -66,8 +66,9 @@
{{#if number_of_flagged_posts}} {{#if number_of_flagged_posts}}
<div> <div>
{{#link-to 'user.flaggedPosts' this}} {{#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}} {{/link-to}}
</div>
{{/if}} {{/if}}
{{#if number_of_deleted_posts}} {{#if number_of_deleted_posts}}
<div> <div>

View File

@ -147,16 +147,30 @@
img { img {
max-width: 100%; max-width: 100%;
} }
.primary-textual {
width: 90%;
margin: 0 auto;
padding: 4px;
background: rgba($primary, 0.3);
h1, h2 {
margin: 7px;
}
}
} }
.secondary { .secondary {
background-color: $primary; background-color: $primary;
text-align: left; text-align: left;
padding: 0 10px; padding: 1px 10px;
dd { dd {
color: $secondary; color: $secondary;
margin: 0 0 7px 0; margin: 0 0 7px 0;
a {
color: inherit;
}
} }
dt { dt {
color: scale-color($primary, $lightness: 75%); color: scale-color($primary, $lightness: 75%);
@ -274,8 +288,10 @@
.staff-counters { .staff-counters {
text-align: center; text-align: center;
> div { div {
padding: 2px 8px;
margin-bottom: 10px; margin-bottom: 10px;
display: inline-block;
} }
a.active { a.active {
font-weight: bold; font-weight: bold;