From 94786489882c555305376ce27aa27a2a7a8eb999 Mon Sep 17 00:00:00 2001
From: Marco Ambrosini <marcoambrosini@pm.me>
Date: Sun, 10 Jan 2021 17:27:22 +0100
Subject: Improve conversationslist styles

Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
---
 .../ConversationsList/AppContentListItem/AppContentListItem.vue  | 9 ++++++---
 .../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>
-- 
cgit v1.2.3