dialog styling

res/css/views/dialogs/_CreateRoomDialog.scss

@@ -14,8 +14,24 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_CreateRoomDialog_details_summary {
-    outline: none;
+.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;
+    }
+}
+