message: Responsive information bar on Space landing page
diff: @@ -429,19 +429,19 @@ const SpaceLanding = ({ space }: { space: Room }) => {
  <div className="mx_SpaceRoomView_landing_name">
  <RoomName room={space}>
  { (name) => {
  - const tags = { name: () => <div className="mx_SpaceRoomView_landing_nameRow">
  - <h1>{ name }</h1>
  - </div> };
  + const tags = { name: () => <h1>{ name }</h1> };
  return _t("Welcome to <name/>", {}, tags) as JSX.Element;
  } }
  </RoomName>
  </div>
  - <div className="mx_SpaceRoomView_landing_info">
  + <div className="mx_SpaceRoomView_landing_infoBar">
  <SpaceInfo space={space} />
  + <div className="mx_SpaceRoomView_landing_infoBar_interactive">
  <RoomFacePile room={space} onlyKnownUsers={false} numShown={7} onClick={onMembersClick} />
  { inviteButton }
  { settingsButton }
  </div>
  + </div>
  <RoomTopic room={space}>
  { (topic, ref) => (
  <div className="mx_SpaceRoomView_landing_topic" ref={ref}>
  