diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css index c5667b53..a053f07e 100644 --- a/src/platform/web/ui/css/themes/element/theme.css +++ b/src/platform/web/ui/css/themes/element/theme.css @@ -276,7 +276,7 @@ a.button-action { } .RoomList .description { - align-items: baseline; + align-items: center; } .RoomList .name.unread { diff --git a/src/platform/web/ui/session/leftpanel/InviteTileView.js b/src/platform/web/ui/session/leftpanel/InviteTileView.js index 1ac8b40e..09b9401f 100644 --- a/src/platform/web/ui/session/leftpanel/InviteTileView.js +++ b/src/platform/web/ui/session/leftpanel/InviteTileView.js @@ -17,6 +17,7 @@ limitations under the License. import {TemplateView} from "../../general/TemplateView.js"; import {renderStaticAvatar} from "../../avatar.js"; +import {spinner} from "../../common.js"; export class InviteTileView extends TemplateView { render(t, vm) { @@ -29,7 +30,13 @@ export class InviteTileView extends TemplateView { renderStaticAvatar(vm, 32), t.div({className: "description"}, [ t.div({className: "name"}, vm.name), - t.div({className: "badge highlighted"}, "!"), + t.map(vm => vm.busy, busy => { + if (busy) { + return spinner(t); + } else { + return t.div({className: "badge highlighted"}, "!"); + } + }) ]) ]) ]);