alt tags for avatars; improve header spacing; improve roomview margin

skins/base/css/molecules/RoomHeader.css

@@ -20,8 +20,8 @@ limitations under the License.
 .mx_RoomHeader_wrapper {
     max-width: 720px;
     margin: auto;
-    height: 86px;
-    margin-top: 18px;
+    height: 88px;
+    border-bottom: 1px solid #a8dbf3;
 
     display: -webkit-box;
     display: -moz-box;
@@ -32,6 +32,7 @@ limitations under the License.
 
 .mx_RoomHeader_leftRow {
     height: 48px;
+    margin-top: 18px;
 
     -webkit-box-ordinal-group: 1;
     -moz-box-ordinal-group: 1;
@@ -44,6 +45,7 @@ limitations under the License.
 
 .mx_RoomHeader_rightRow {
     height: 48px;
+    margin-top: 18px;
     background-color: #fff;
     border-radius: 48px;
     border: 1px solid #e1e1e1;

skins/base/css/organisms/RoomView.css

@@ -36,8 +36,8 @@ limitations under the License.
     -webkit-order: 1;
     order: 1;
 
-    -webkit-flex: 0 0 86px;
-    flex: 0 0 86px;
+    -webkit-flex: 0 0 88px;
+    flex: 0 0 88px;
 }
 
 .mx_RoomView_auxPanel {
@@ -50,7 +50,6 @@ limitations under the License.
     max-width: 720px;
     width: 100%;
     margin: auto;
-    border-top: 1px solid #a8dbf3;
     height: 0%;
 }
 

skins/base/css/pages/MatrixChat.css

@@ -38,13 +38,15 @@ limitations under the License.
     height: 100%;
 }
 
-.mx_MatrixChat .mx_MatrixChat_MiddleView {
+.mx_MatrixChat .mx_MatrixChat_middlePanel {
     -webkit-box-ordinal-group: 2;
     -moz-box-ordinal-group: 2;
     -ms-flex-order: 2;
     -webkit-order: 2;
     order: 2;
 
+    padding-left: 12px;
+    padding-right: 12px;
     background-color: #f3f8fa;
     width: 100%;
     height: 100%;