frontend: improve message component layout
This commit is contained in:
parent
d3dff302c5
commit
b72a445e97
2 changed files with 6 additions and 3 deletions
|
@ -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>
|
||||
|
|
|
@ -48,8 +48,6 @@
|
|||
|
||||
<style>
|
||||
.messages-container {
|
||||
padding: var(--space-normplus);
|
||||
padding-bottom: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
flex-grow: 0;
|
||||
|
|
Loading…
Reference in a new issue