Fix like and flag button count alignment ()

This commit is contained in:
Joe 2019-05-07 14:34:29 +08:00 committed by Sam
parent abbc639e0d
commit cf99431c18
1 changed files with 11 additions and 16 deletions
app/assets/stylesheets/mobile

View File

@ -32,35 +32,30 @@ span.badge-posts {
.actions { .actions {
display: flex; display: flex;
} }
.like-button { // Handles the like and flag buttons in the post menu.
.double-button {
display: flex; display: flex;
flex: 0 1 auto; flex: 0 1 auto;
button { button {
&.like { &.like,
&.create-flag {
flex: 1 1 auto; flex: 1 1 auto;
} }
&.like-count { &.button-count {
padding: 8px 4px 8px 8px; padding: s(2 1 2 2);
line-height: 1.2; + .toggle-like,
&.regular-likes { + .create-flag {
margin-right: 0; padding: s(2 2 2 1);
} }
&.my-likes { &.my-likes {
display: flex; display: flex;
max-width: unset; max-width: unset;
margin-right: 0; padding: s(2);
padding: 8px 9px 8px 8px;
.d-icon { .d-icon {
padding-left: 8px; padding-left: s(2);
} }
} }
} }
.d-icon {
line-height: $line-height-medium;
}
}
button.like-count + button.toggle-like {
padding: 8px 9px 8px 4px;
} }
} }
.d-icon { .d-icon {