rejig css:

* sans-serif font
 * use display: table for the message list so that everything lines up nicely
 * switch to flexbox layout rather than position absolutes to avoid assuming a full screen UI and improve maintainability (and better match atomify)
 * neutralise the colouring and styling of highlighted rooms in the recents list
 * switch from ul + li's to a series of divs in some places where the li's are achieving nothing but adding more complexity to the DOM
 * add mx_MessageTileType as a generic css base class for all message tiles

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;
 }