UX: Badge alignment adjustments

This commit is contained in:
Kris 2019-01-17 15:46:55 -05:00
parent 2818afb267
commit 7401901939
4 changed files with 15 additions and 6 deletions

View File

@ -296,4 +296,6 @@ div.education {
// right * // right *
.topic-post-badges { .topic-post-badges {
white-space: nowrap; white-space: nowrap;
align-self: center;
line-height: $line-height-medium;
} }

View File

@ -178,7 +178,7 @@
z-index: z("base"); z-index: z("base");
left: 0; left: 0;
top: -4px; top: -4px;
min-width: 6px; min-width: 0.6em;
} }
.unread-notifications { .unread-notifications {
left: auto; left: auto;

View File

@ -163,9 +163,8 @@
.badge-notification { .badge-notification {
@extend %badge; @extend %badge;
padding: 3px 5px; padding: 0.21em 0.42em;
min-width: 8px; min-width: 0.5em;
vertical-align: middle;
color: $secondary; color: $secondary;
font-size: $font-down-2; font-size: $font-down-2;
line-height: $line-height-small; line-height: $line-height-small;

View File

@ -52,16 +52,24 @@
.subcategories { .subcategories {
margin-top: 0.25em; margin-top: 0.25em;
clear: both; clear: both;
.subcategory {
display: inline-flex;
align-items: baseline;
margin-right: 0.8em;
}
.badge-wrapper {
margin-right: 0.5em;
}
.badge-notification.new-posts { .badge-notification.new-posts {
display: block;
padding: 0; padding: 0;
margin: 0 10px 0 0;
} }
} }
.featured-topic { .featured-topic {
margin: 10px 0 0; margin: 10px 0 0;
display: flex; display: flex;
align-items: center; align-items: baseline;
&:first-of-type { &:first-of-type {
margin-top: 13px; margin-top: 13px;
} }