merge in matthew-css

skins/base/css/molecules/MessageComposer.css

@@ -14,13 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_MessageComposer {
-}
-
 .mx_MessageComposer textarea {
-    position: absolute;
     width: 100%;
-    margin-left: auto;
-    margin-right: auto;
-    padding: 0px;
+    margin: auto;
 }

skins/base/css/molecules/MessageTile.css

@@ -15,6 +15,11 @@ limitations under the License.
 */
 
 .mx_MessageTile {
+	display: table-row;
+}
+
+.mx_MessageTile .mx_messageTileType {
+	display: table-cell;
 }
 
 .mx_MessageTile.sending {

skins/base/css/molecules/RoomTile.css

@@ -23,12 +23,10 @@ limitations under the License.
 }
 
 .mx_RoomTile.selected {
-    border: 2px inset #eee;
+    text-decoration: underline;
 }
 
 .mx_RoomTile_name {
-    font-size: 80%;
-    font-weight: bold;
 }
 
 .mx_RoomTile div {
@@ -37,7 +35,7 @@ limitations under the License.
 }
 
 .mx_RoomTile.unread {
-    background-color: #66e;
+    font-weight: bold;
 }
 
 .mx_RoomTile.highlight {
@@ -45,7 +43,7 @@ limitations under the License.
 }
 
 .mx_RoomTile.invited {
-    background-color: #6e6;
+    font-weight: bold;
 }
 
 .mx_RoomTile:hover {

skins/base/css/molecules/SenderProfile.css

@@ -15,6 +15,6 @@ limitations under the License.
 */
 
 .mx_SenderProfile {
-    display: inline-block;
-    width: 150px;
+    display: table-cell;
+    padding: 0px 1em 0em 1em;
 }