Something starting to resemble a Matrix Client

css/molecules/RoomHeader.css

@@ -0,0 +1,6 @@
+.mx_RoomHeader {
+    background-color: #eee;
+    font-weight: bold;
+    height: 1em;
+    padding: 5px;
+}

css/molecules/RoomTile.css

@@ -5,6 +5,17 @@
     margin-top: 1px;
     margin-bottom: 1px;
     padding: 5px;
+    cursor: pointer;
+    border: 2px solid white;
+    transition: background-color 0.1s ease;
+}
+
+.mx_RoomTile.selected {
+    border: 2px inset #eee;
+}
+
+.mx_RoomTile:hover {
+    background-color: #aad;
 }
 
 .mx_RoomTile_name {

css/organisms/RoomList.css

@@ -1,3 +1,8 @@
+.mx_RoomList {
+    display: table-row;
+}
+
 .mx_RoomList ul {
     padding: 0px;
+    margin: 0px;
 }

css/organisms/RoomView.css

@@ -0,0 +1,9 @@
+.mx_RoomView {
+    display: table-cell;
+    padding-left: 5px;
+    width: 100%;
+}
+
+.mx_RoomView ul {
+    padding: 0px;
+}

css/pages/MatrixChat.css

@@ -0,0 +1,3 @@
+.mx_MatrixChat_leftPanel {
+    display: table-cell;
+}