diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css index d4aa695a..7a536b53 100644 --- a/src/platform/web/ui/css/themes/element/theme.css +++ b/src/platform/web/ui/css/themes/element/theme.css @@ -808,7 +808,11 @@ button.link { .RoomId { color: #737D8C; font-size: 12px; - margin-bottom: 36px; +} + +.SidebarRow_collection{ + margin-top: 36px; + width: 100%; } .RoomName h2 { diff --git a/src/platform/web/ui/session/rightpanel/RoomInfoView.js b/src/platform/web/ui/session/rightpanel/RoomInfoView.js index 04520602..27d97693 100644 --- a/src/platform/web/ui/session/rightpanel/RoomInfoView.js +++ b/src/platform/web/ui/session/rightpanel/RoomInfoView.js @@ -13,8 +13,11 @@ export class RoomInfoView extends TemplateView { [t.view(new AvatarView(vm, 52)), this._createEncryptionIcon(vm.isEncrypted)]), t.div({ className: "RoomName" }, [t.h2(vm.name)]), t.div({ className: "RoomId" }, [text(vm.roomId)]), - this._createSideBarRow("People", vm.memberCount, { MemberCount: true }), - this._createSideBarRow("Encryption", encryptionString, { EncryptionStatus: true }) + t.div({ className: "SidebarRow_collection" }, + [ + this._createSideBarRow("People", vm.memberCount, { MemberCount: true }), + this._createSideBarRow("Encryption", encryptionString, { EncryptionStatus: true }) + ]) ]); }