diff --git a/res/css/structures/_RoomSubList.scss b/res/css/structures/_RoomSubList.scss index 93d02ed100..2b83e4ee03 100644 --- a/res/css/structures/_RoomSubList.scss +++ b/res/css/structures/_RoomSubList.scss @@ -77,14 +77,14 @@ limitations under the License. .mx_RoomSubList_addRoom { background-color: $roomheader-addroom-color; color: $roomsublist-background; - border-radius: 9px; - text-align: center; - vertical-align: middle; - line-height: 18px; - font-weight: bold; - font-size: 18px; - width: 18px; - height: 18px; + background-image: url('../../img/icons-room-add.svg'); + background-repeat: no-repeat; + background-position: center; + border-radius: 10px; // 16/2 + 2 padding + height: 16px; + flex: 0 0 16px; + background-clip: content-box; + padding: 2px; } .mx_RoomSubList_badgeHighlight { diff --git a/res/img/icons-room-add.svg b/res/img/icons-room-add.svg index fc0ab750b6..6dd2e21295 100644 --- a/res/img/icons-room-add.svg +++ b/res/img/icons-room-add.svg @@ -1,23 +1,71 @@ - - - - - - - - - - - - - - + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/components/structures/RoomSubList.js b/src/components/structures/RoomSubList.js index ccaeda9659..f5a9ede9c9 100644 --- a/src/components/structures/RoomSubList.js +++ b/src/components/structures/RoomSubList.js @@ -305,9 +305,7 @@ const RoomSubList = React.createClass({ let addRoomButton; if (this.props.onAddRoom) { addRoomButton = ( - - + - + ); }