diff -r 448072405613 -r d1a43750fea2 src/ztfy/myams/resources/less/apps/chat.less --- 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;