src/ztfy/myams/resources/less/apps/chat.less
changeset 171 d1a43750fea2
parent 0 8a19e25e39e4
child 206 02a40997d8cb
--- a/src/ztfy/myams/resources/less/apps/chat.less	Mon Mar 21 16:11:04 2016 +0100
+++ b/src/ztfy/myams/resources/less/apps/chat.less	Thu Sep 01 15:16:47 2016 +0200
@@ -161,7 +161,7 @@
 	-webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .04);
 	box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .04);
 	display: block;
-	height: 270px;
+	min-height: 270px;
 	overflow-y: scroll;
 	overflow-x: hidden;
 	padding: 10px;
@@ -176,17 +176,22 @@
 		padding: 0;
 	}
 	li {
-		&:first-child {
-			margin-top: 10px;
-		}
 		&.message {
 			display: block;
 			position: relative;
-			margin: 20px 20px 0;
+			padding: 10px;
+			margin: 2px;
 
+			&:hover {
+				background-color: #eee;
+			}
+			&.request,
+			&.request:hover {
+				background-color: #e4e4e4;
+			}
 			img {
 				display: inline-block;
-				border-left: 4px solid #fff;
+				border-left: 4px solid transparent;
 				position: absolute;
 
 				&.online {
@@ -209,16 +214,16 @@
 				-webkit-box-sizing: border-box;
 				-moz-box-sizing: border-box;
 				padding: 0;
-				margin-left: 65px;
+				margin-left: 50px;
 				line-height: normal;
 
 				time {
 					position: absolute;
-					top: 1px;
-					right: 0;
+					top: 3px;
+					right: 5px;
 					font-size: 10px;
 					line-height: 10px;
-					color: #AFAFAF;
+					color: #a1a1a1;
 				}
 				.chat-file {
 					display: block;
@@ -257,7 +262,7 @@
 						}
 					}
 				}
-				a.username {
+				.username {
 					display: block;
 					font-weight: 700;
 					margin-bottom: 4px;