align room header with user menu button

This commit is contained in:
Bruno Windels 2020-07-13 18:21:24 +02:00
parent ec65083c61
commit c346122adf
2 changed files with 4 additions and 4 deletions

View file

@ -15,7 +15,7 @@ limitations under the License.
*/ */
.mx_RoomHeader { .mx_RoomHeader {
flex: 0 0 52px; flex: 0 0 56px;
border-bottom: 1px solid $primary-hairline-color; border-bottom: 1px solid $primary-hairline-color;
background-color: $roomheader-bg-color; background-color: $roomheader-bg-color;
@ -31,7 +31,7 @@ limitations under the License.
.mx_RoomHeader_wrapper { .mx_RoomHeader_wrapper {
margin: auto; margin: auto;
height: 52px; height: 56px;
display: flex; display: flex;
align-items: center; align-items: center;
min-width: 0; min-width: 0;
@ -174,7 +174,7 @@ limitations under the License.
.mx_RoomHeader_avatar { .mx_RoomHeader_avatar {
flex: 0; flex: 0;
margin: 0 7px; margin: 0 7px 0 6px;
position: relative; position: relative;
} }

View file

@ -221,7 +221,7 @@ export default createReactClass({
} }
const topicElement = const topicElement =
<div className="mx_RoomHeader_topic" ref={this._topic} title={topic} dir="auto">{ topic }</div>; <div className="mx_RoomHeader_topic" ref={this._topic} title={topic} dir="auto">{ topic }</div>;
const avatarSize = 28; const avatarSize = 32;
let roomAvatar; let roomAvatar;
if (this.props.room) { if (this.props.room) {
roomAvatar = (<RoomAvatar roomAvatar = (<RoomAvatar