UX: Centering Badge notification styles on mobile.

This commit is contained in:
Guo Xiang Tan 2016-08-08 07:24:09 +08:00
parent 823a699d41
commit fce902ab1e

View File

@ -86,7 +86,12 @@
position: relative; position: relative;
top: -1px; top: -1px;
font-size: 1.071em; font-size: 1.071em;
padding: 4px 6px 3px 6px; line-height: 20px;
min-width: 14px;
height: 20px;
border-radius: 10px;
padding: 0px 3px;
i {color: $secondary;} i {color: $secondary;}
&.new-topic::before { &.new-topic::before {
@ -141,6 +146,10 @@
box-sizing: inherit; box-sizing: inherit;
} }
.topic-post-badges {
box-sizing: border-box;
}
.posts { .posts {
width: 10%; width: 10%;
vertical-align: top; vertical-align: top;
@ -149,6 +158,12 @@
.age { .age {
margin-left: 5px; margin-left: 5px;
} }
td.posts {
.badge-notification {
padding: 0px 6px;
}
}
} }
tr.category-topic-link { tr.category-topic-link {