Mobile group page flair alignment

This commit is contained in:
Kris 2018-11-13 10:29:16 -05:00
parent 7fa21ce199
commit af6569c396
1 changed files with 9 additions and 2 deletions

View File

@ -100,6 +100,12 @@
text-align: left; text-align: left;
line-height: $line-height-medium; line-height: $line-height-medium;
margin-bottom: 0.5em; margin-bottom: 0.5em;
a {
display: flex;
}
.group-avatar-flair {
margin-right: 0.5em;
}
.groups-info-name { .groups-info-name {
word-break: break-all; word-break: break-all;
max-width: 45vw; max-width: 45vw;
@ -125,6 +131,9 @@
grid-column-end: 3; grid-column-end: 3;
text-align: left; text-align: left;
align-self: center; align-self: center;
.d-icon {
margin-right: 0.25em;
}
} }
td.groups-table-membership { td.groups-table-membership {
grid-row-start: 3; grid-row-start: 3;
@ -137,7 +146,6 @@
button { button {
margin-left: 5px; margin-left: 5px;
display: flex; display: flex;
align-items: baseline;
} }
&:empty { &:empty {
display: none; display: none;
@ -197,7 +205,6 @@
span { span {
display: inline-block; display: inline-block;
vertical-align: middle;
} }
$size: 40px; $size: 40px;