fixed group page width

src/app/components/group/group.component.html

@@ -4,7 +4,7 @@
         <mat-toolbar color="primary" id="toolbar" fxShow="true" fxHide.gt-sm="true">
             <mat-toolbar-row>
                 <div class="profile-picture"></div>
-                <span id="username">{{groupProfile.name}}</span>
+                <p id="username">{{groupProfile.name}}</p>
                 <div class="button-box">
                     <button mat-icon-button 
                         class="request-button" 
@@ -62,6 +62,7 @@
                 </div>
             </mat-toolbar-row>
         </mat-toolbar>
+        <div id="accordion">
         <mat-accordion>
             <mat-expansion-panel *ngIf="groupProfile.events.length > 0" expanded>
               <mat-expansion-panel-header>
@@ -105,6 +106,7 @@
               </div>
             </mat-expansion-panel>
           </mat-accordion> 
+          </div>
     </div>
     <div id="profilecontainer" *ngIf="groupNotFound">
         <h1>Group not found :(</h1>

src/app/components/group/group.component.sass

@@ -13,6 +13,10 @@
   max-width: 1200px
   margin: 0 auto
 
+#accordion
+  max-width: 690px
+  margin: 0 auto
+
 $mat-card-header-size: 100px !default
 #profile-card-container
   margin: 0 auto
@@ -76,7 +80,7 @@ $mat-card-header-size: 100px !default
     cursor: pointer
 .pointer
   cursor: pointer
-  
+
 /deep/ .mat-expansion-panel
   background: #e6e6e6
 /deep/.dark-theme .mat-expansion-panel