From 6fbf9f690c562763338340edd0401da87e5a4298 Mon Sep 17 00:00:00 2001
From: Loic Blot <loic.blot@unix-experience.fr>
Date: Fri, 20 May 2016 08:48:36 +0200
Subject: [PATCH] Factorize some CSS parts & bigger avatar in conversations

---
 css/style.css      | 21 ++++++++++-----------
 templates/main.php |  2 +-
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/css/style.css b/css/style.css
index 59f8162..fa2f1a5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -27,10 +27,6 @@
 	box-sizing: border-box;
 }
 
-#app-mailbox-peers li:hover {
-	cursor: pointer;
-}
-
 #app-mailbox-peers li:hover > a,
 #app-mailbox-peers li:hover,
 #app-mailbox-peers .selected,
@@ -98,7 +94,6 @@
 	float: right;
 }
 
-
 #ocsms-phone-label {
 	font-weight: bold;
 	color: #555;
@@ -123,7 +118,9 @@
 	margin-left: 25px;
 }
 
-#ocsms-conversation-removal:hover {
+#ocsms-conversation-removal:hover,
+#ocsms-message-removal:hover,
+#app-mailbox-peers li:hover {
 	cursor: pointer;
 }
 
@@ -132,10 +129,6 @@
 	margin-left: 10px;
 }
 
-#ocsms-message-removal:hover {
-	cursor: pointer;
-}
-
 #ocsms-empty-conversation {
 	position: absolute;
 	text-align: center;
@@ -180,7 +173,7 @@
 	clear: both;
 }
 
-.ocsms-plavatar {
+.ocsms-plavatar, .ocsms-plavatar-big {
 	display: inline-block;
 	height: 40px;
 	width: 40px;
@@ -195,6 +188,12 @@
 	object-fit: cover;
 }
 
+.ocsms-plavatar-big {
+	height: 55px;
+	width: 55px;
+	line-height: 55px;
+}
+
 .ocsms-plname {
 	display: inline-block;
 }
diff --git a/templates/main.php b/templates/main.php
index 5679708..e47af23 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -49,7 +49,7 @@ use \OCA\OcSms\Lib\CountryCodes;
 		<div id="app-content-header" ng-show="selectedContact.label !== undefined && selectedContact.label !== ''"
 			 ng-style="{'background-color': (selectedContact.label | peerColor)}">
 			<div id="ocsms-contact-avatar">
-				<img class="ocsms-plavatar" data-ng-src="data:image/png;base64,{{ selectedContact.avatar }}"
+				<img class="ocsms-plavatar-big" data-ng-src="data:image/png;base64,{{ selectedContact.avatar }}"
 					 ng-show="selectedContact.avatar !== undefined && selectedContact.avatar != ''" />
 			</div>
 			<div id="ocsms-contact-details">