frontend: improve message component layout

This commit is contained in:
hippoz 2022-04-26 23:44:06 +03:00
parent d3dff302c5
commit b72a445e97
No known key found for this signature in database
GPG key ID: 7C52899193467641
2 changed files with 6 additions and 3 deletions

View file

@ -7,8 +7,11 @@
<style>
.message {
display: flex;
align-items: center;
overflow-x: none;
word-break: break-all;
padding: 1px var(--space-normplus) 1px var(--space-normplus);
}
.message .edit-message {
@ -32,11 +35,13 @@
}
.author {
flex-shrink: 0;
font-weight: bold;
margin-right: var(--space-xxs);
margin-right: var(--space-xs);
}
.edit-message {
flex-shrink: 0;
float: right;
}
</style>

View file

@ -48,8 +48,6 @@
<style>
.messages-container {
padding: var(--space-normplus);
padding-bottom: 0;
height: 100%;
width: 100%;
flex-grow: 0;