peertube-plugin-livechat/conversejs/custom/plugins/tasks/styles/muc-task-app.scss

.conversejs {
  livechat-converse-muc-task-app {
    border: var(--occupants-border-left);
    display: flex;
    flex-flow: column nowrap;
    flex: 0 1 100%;
    padding: var(--occupants-padding);

    .livechat-converse-muc-app-header {
      column-gap: 0.25em;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      font-family: var(--heading-font);
      padding-left: 0;
      margin-right: 1em;
      width: 100%;

      h5 {
        color: var(--groupchats-header-color-dark);
        display: inline;
        flex-grow: 2;
      }

      .livechat-converse-muc-app-close {
        border: 0;
      }
    }

    .livechat-converse-muc-app-body {
      padding-right: 2em; // let some place for the scrollbar.
      overflow-y: auto;
    }
  }

  &[livechat-converse-root-width="small"],
  &[livechat-converse-root-width="medium"] {
    converse-muc-chatarea livechat-converse-muc-task-app:not(.hidden) ~ * {
      // on small and medium width, we hide all subsequent siblings of the task app
      // (when app is not hidden)
      display: none !important;
    }
  }
}