UX: Styling adjustments for admin new features (#12189)
- Fixes an alignment issue when emojis have varying widths - Adjusts mobile alignment
This commit is contained in:
parent
4bc3a64982
commit
e58922e1e3
|
@ -660,10 +660,13 @@
|
||||||
font-size: 3.5em;
|
font-size: 3.5em;
|
||||||
padding-right: 0.5em;
|
padding-right: 0.5em;
|
||||||
padding-left: 0.5em;
|
padding-left: 0.5em;
|
||||||
|
width: 25%;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-feature-content {
|
.new-feature-content {
|
||||||
padding-right: 0.5em;
|
padding-right: 0.5em;
|
||||||
|
width: 75%;
|
||||||
.header {
|
.header {
|
||||||
font-size: $font-up-1;
|
font-size: $font-up-1;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
|
@ -9,4 +9,11 @@
|
||||||
.dashboard-new-features .section-body {
|
.dashboard-new-features .section-body {
|
||||||
grid-template-columns: none;
|
grid-template-columns: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.admin-new-feature-item {
|
||||||
|
.new-feature-emoji {
|
||||||
|
padding-left: 0em;
|
||||||
|
padding-right: 0.25em;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue