Fix like and flag button count alignment (#7487)
This commit is contained in:
parent
abbc639e0d
commit
cf99431c18
app/assets/stylesheets/mobile
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue