.message-userExtras dl { padding: 5px 8px 5px 25px; background-color: #fff; margin: 0 0 3px; position: relative; font-size: 10px; height: 24px; border-radius: 15px; border: 1px solid #e4e4e4; } .message-userExtras dl i { position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #ffc168; color: #fff; display: block; text-align: center; line-height: 20px; font-size: 13px; text-shadow: 0 1px 0 #654e2f; } .pairs.pairs--justified > dt { color: #212121; }
.message-cell.message-cell--user { flex: 0 0 200px; } .message-userExtras dl { padding: 5px 8px 5px 25px; background-color: #fff; margin: 0 0 3px; position: relative; font-size: 10px; height: 35px; border-radius: 15px; border: 1px solid #e4e4e4; } .message-userExtras dl i { position: absolute; top: 0; left: 0; width: 24px; height: 33px; background-color: #ffc168; color: #fff; display: block; text-align: center; line-height: 20px; font-size: 13px; text-shadow: 0 1px 0 #654e2f; } .pairs.pairs--justified > dt { color: #212121; }