Move group ui buttons to group settings

src/skins/vector/css/matrix-react-sdk/structures/_GroupView.scss

@@ -135,8 +135,6 @@ limitations under the License.
 }
 
 .mx_GroupView_body  {
-    display: flex;
-    flex-direction: column;
     flex-grow: 1;
 }
 
@@ -181,7 +179,6 @@ limitations under the License.
 }
 
 .mx_GroupView_membershipSection {
-    margin-bottom: 11px;
     color: $greyed-fg-color;
 }
 
@@ -203,6 +200,23 @@ limitations under the License.
     margin-left: 8px;
 }
 
+.mx_GroupView_memberSettings_toggle label {
+    cursor: pointer;
+    user-select: none;
+}
+
+.mx_GroupView_memberSettings h3 {
+    text-transform: uppercase;
+    color: $h3-color;
+    font-weight: 600;
+    font-size: 13px;
+    margin-bottom: 10px;
+}
+
+.mx_GroupView_memberSettings input {
+    margin-right: 6px;
+}
+
 .mx_GroupView_featuredThings {
     margin-top: 20px;
 }
@@ -260,7 +274,11 @@ limitations under the License.
     display: none;
 }
 
-.mx_GroupView_editLongDesc {
+.mx_GroupView_body .gm-scroll-view > *{
-    width: 100%;
+    margin: 0px 50px 11px 68px;
+}
+
+.mx_GroupView_groupDesc textarea {
+    width: 50%;
     height: 150px;
 }

src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomHeader.scss

@@ -60,6 +60,10 @@ limitations under the License.
     padding-right: 12px;
 }
 
+.mx_RoomHeader_textButton_danger {
+    background-color: $warning-color;
+}
+
 .mx_RoomHeader_cancelButton {
     order: 2;
     cursor: pointer;