Add some initial styling

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>

src/platform/web/ui/css/right-panel.css

@@ -38,3 +38,7 @@ ul.MemberListView {
     overflow: scroll;
     height: 100vh;
 }
+
+.MemberTileView {
+    display: flex;
+}

src/platform/web/ui/css/themes/element/theme.css

@@ -865,3 +865,20 @@ button.link {
 .RoomDetailsView .close {
     background-image: url("./icons/clear.svg");
 }
+
+/* Memberlist Panel */
+
+.MemberTileView {
+    margin-top: 8px;
+}
+
+.MemberTileView .avatar {
+    margin-right: 8px;
+}
+
+.MemberTileView_name {
+    text-overflow: ellipsis;
+    overflow: clip;
+    width: 184px;
+    white-space: nowrap;
+}

src/platform/web/ui/session/rightpanel/MemberTileView.js

@@ -3,6 +3,9 @@ import {AvatarView} from "../../avatar.js";
 
 export class MemberTileView extends TemplateView {
     render(t, vm) {
-        return t.div([t.view(new AvatarView(vm, 32)), vm => vm.name]);
+        return t.div({ className: "MemberTileView" }, [
+            t.view(new AvatarView(vm, 32)),
+            t.div({ className: "MemberTileView_name" }, (vm) => vm.name),
+        ]);
     }
 }