Use `float:left` instead of flexbox
@@ -29,12 +29,13 @@
cursor: auto;
color: var(--subdued-color);
font-size: var(--font-size);
- padding: 0.5em 0 0 0.5em;
+ margin: 0;
+ padding: 0.75em 0 0 0.5em;
}
- ul {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
+ .emoji-picker {
+ li {
+ float: left;
+ }
display: flex;
flex-direction: column;
@@ -63,7 +64,10 @@
.emoji-picker {
background-color: white;
- padding: 0.5em;
+ padding: 0.5em 0 0 0.5em;
+ &:last-child {
+ padding-bottom: 0.5em;
li {
margin-left: 0;
cursor: pointer;