Merge branch 'develop' into wmwragg/one-to-one-chat

src/components/views/dialogs/ChangelogDialog.js

@@ -50,9 +50,11 @@ export default class ChangelogDialog extends React.Component {
             return (
                 <div key={repo}>
                     <h2>{repo}</h2>
+                    <ul>
                     {this.state[repo].map(commit =>
-                        <div key={commit.commit.url}><a href={commit.commit.url}>{commit.commit.message}</a></div>
+                        <li key={commit.commit.url} className="mx_ChangelogDialog_li"><a href={commit.commit.url}>{commit.commit.message}</a></li>
                     )}
+                    </ul>
                 </div>
             )
         });

src/skins/vector/css/common.css

@@ -153,6 +153,8 @@ input[type=text]:focus, textarea:focus {
     width: 60%;
     max-width: 704px;
     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
+    max-height: 80%;
+    overflow-y: auto;
 }
 
 .mx_Dialog_background {

src/skins/vector/css/matrix-react-sdk/structures/RoomStatusBar.css

@@ -75,6 +75,7 @@ limitations under the License.
 }
 
 .mx_RoomStatusBar_unreadMessagesBar {
+    padding-top: 10px;
     color: #ff0064;
     cursor: pointer;
 }

src/skins/vector/css/matrix-react-sdk/structures/RoomView.css

@@ -278,3 +278,7 @@ hr.mx_RoomView_myReadMarker {
     padding: 6px 0;
     cursor: pointer;
 }
+
+.mx_RoomView_ongoingConfCallNotification a {
+    color: #fff ! important;
+}

src/skins/vector/css/matrix-react-sdk/views/rooms/MemberDeviceInfo.css

@@ -15,14 +15,9 @@ limitations under the License.
 */
 
 .mx_MemberDeviceInfo {
-    font-size: 12px;
-    display: table-row;
-    height: 17px;
+    padding: 10px 0px;
 }
 
-.mx_MemberDeviceInfo div {
-    display: table-cell;
-}
 
 .mx_MemberDeviceInfo_textButton {
     color: #fff;
@@ -33,25 +28,25 @@ limitations under the License.
     padding-right: 1em;
 
     cursor: pointer;
+    display: inline;
 }
 
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_verified,
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_unverified,
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_blocked {
-    color: #fff;
     width: 17px;
     border-radius: 17px;
     text-align: center;
 }
 
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_verified {
-    background-color: #76cfa6;
+    color: #76cfa6;
 }
 
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_unverified {
-    background-color: #eca46f;
+    color: #b2b2b2;
 }
 
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_blocked {
-    background-color: #e55e5e;
+    color: #e55e5e;
 }

src/skins/vector/css/matrix-react-sdk/views/rooms/MemberInfo.css

@@ -73,8 +73,3 @@ limitations under the License.
     margin-left: 8px;
     line-height: 23px;
 }
-
-.mx_MemberInfo_devices {
-    display: table;
-    border-spacing: 5px;
-}

src/skins/vector/css/vector-web/views/dialogs/ChangelogDialog.css

@@ -18,3 +18,7 @@ limitations under the License.
     max-height: 300px;
     overflow: auto;
 }
+
+.mx_ChangelogDialog_li {
+    padding: 0.2em;
+}