From 7279fcd1ec713c5cb7a7939a43228ac26595ac06 Mon Sep 17 00:00:00 2001
From: pichalite <pichalite.com@gmail.com>
Date: Thu, 10 Nov 2016 00:12:07 +0000
Subject: [PATCH] Fix chat UI on mobile sidebar

---
 less/mobile.less | 51 ++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 43 insertions(+), 8 deletions(-)

diff --git a/less/mobile.less b/less/mobile.less
index 63b50a8..ebc360f 100644
--- a/less/mobile.less
+++ b/less/mobile.less
@@ -27,6 +27,7 @@
 
 			.modal-content {
 				height: 100%;
+				border: none;
 			}
 		}
 	}
@@ -76,16 +77,50 @@
 
 			li {
 				width: auto;
-				padding: 0;
-
-				a {
-					color: white;
-
-					i {
-						left: 44px;
-						top: 9px;
+				border: none;
+				color: #fff;
+				position: relative;
+				height: 60px;
+				
+				&:hover {
+					background: none;
+				}
+	
+				&:not(:last-child) {
+					border-bottom: none;
+				}
+				
+				.main-avatar {
+					position: absolute;
+					top: 0;
+					left: 0;
+
+					.avatar {
+						height: 40px;
+					    width: 40px;
+					    font-size: 20px;
+					    border-radius: 0;
 					}
 				}
+				
+				.members {
+					display: none;
+				}
+				
+				.room-name {
+					display: block;
+					overflow: hidden;
+				    white-space: nowrap;
+				    text-overflow: ellipsis;
+				    padding-left: 60px;
+				}
+				
+				.teaser-content {
+					padding-left: 60px;
+					display: block;
+				    font-size: 13px;
+				    opacity: .8;
+				}
 			}
 		}