diff options
| author | Marco Ambrosini <marcoambrosini@pm.me> | 2021-01-10 19:27:22 +0300 |
|---|---|---|
| committer | Marco Ambrosini <marcoambrosini@pm.me> | 2021-02-12 13:36:53 +0300 |
| commit | 94786489882c555305376ce27aa27a2a7a8eb999 (patch) | |
| tree | f514340b7e21d25eb6ca423a4f216259beb6c05d | |
| parent | 77624ffe391764d0e8664a480ad077f4ed8e0121 (diff) | |
Improve conversationslist styles
Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
| -rw-r--r-- | src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue | 9 | ||||
| -rw-r--r-- | src/components/LeftSidebar/ConversationsList/ConversationsList.vue | 1 |
2 files changed, 7 insertions, 3 deletions
diff --git a/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue b/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue index 8cf41022c..b3f32076a 100644 --- a/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue +++ b/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue @@ -159,6 +159,7 @@ export default { .acli_wrapper{ position: relative; + margin: 0 4px 0 8px; .actions { position: absolute; top: 4px; @@ -173,8 +174,10 @@ export default { align-items: center; flex: 0 0 auto; justify-content: flex-start; - padding: 10px 2px 10px 8px; - height: 72px; + padding: 2px 2px 2px 8px; + height: 64px; + border-radius: 16px; + margin: 2px 0; cursor: pointer; &:hover, &:focus { @@ -222,7 +225,7 @@ export default { align-items: flex-start; justify-content: space-between; white-space: nowrap; - width: 240px; + width: 232px; &__subtitle { overflow: hidden; diff --git a/src/components/LeftSidebar/ConversationsList/ConversationsList.vue b/src/components/LeftSidebar/ConversationsList/ConversationsList.vue index 82f714c4d..be79aca56 100644 --- a/src/components/LeftSidebar/ConversationsList/ConversationsList.vue +++ b/src/components/LeftSidebar/ConversationsList/ConversationsList.vue @@ -131,5 +131,6 @@ export default { // Override vue overflow rules for <ul> elements within app-navigation .conversations { overflow: visible !important; + margin-top: 4px; } </style> |