body { div.suggest-box { width: max-content background-color: #fff border: 1px gainsboro solid padding: .2rem .5rem margin-top: .35rem ul { list-style-type: none padding: 0 li { display: flex align-items: center padding-right: .2rem margin-bottom: .2rem img { height: 36px width: 36px border-radius: 36px padding: .2rem /* TODO make smaller emoji thumbnails */ } strong { flex-grow: 1 margin-left: .5rem font-weight: 300 } small { font-family: monospace margin-left: .5rem padding-right: .2rem font-size: 1rem } } li.selected { color: #fff background: #0caaf9 img {} strong {} small {} } } } }