message: dialog styling
diff: @@ -14,8 +14,24 @@ See the License for the specific language governing permissions and
  limitations under the License.
  */
  +.mx_CreateRoomDialog_details {
  .mx_CreateRoomDialog_details_summary {
  outline: none;
  + list-style: none;
  + font-weight: 600;
  + cursor: pointer;
  + color: $accent-color;
  + }
  +
  + > div {
  + display: flex;
  + align-items: start;
  + margin: 5px 0;
  +
  + input[type=checkbox] {
  + margin-right: 10px;
  + }
  + }
  }
  .mx_CreateRoomDialog_label {
  @@ -36,3 +52,39 @@ limitations under the License.
  background-color: $primary-bg-color;
  width: 100%;
  }
  +
  +// needed to make the alias field only grow as wide as needed
  +// as opposed to full width
  +.mx_CreateRoomDialog_aliasContainer {
  + display: flex;
  + // put margin on container so it can collapse with siblings
  + margin: 10px 0;
  +
  + .mx_RoomAliasField {
  + margin: 0;
  + }
  +}
  +
  +.mx_CreateRoomDialog {
  +
  + &.mx_Dialog_fixedWidth {
  + width: 450px;
  + }
  +
  + .mx_SettingsFlag {
  + display: flex;
  + }
  +
  + .mx_SettingsFlag_label {
  + flex: 1 1 0;
  + min-width: 0;
  + font-weight: 600;
  + }
  +
  + .mx_ToggleSwitch {
  + display: ;
  + flex: 0 0 auto;
  + margin-left: 30px;
  + }
  +}
  +
  