From 8a5b71a809da40399568d20e20875a60ed8d16b7 Mon Sep 17 00:00:00 2001
From: Max <s_ehrlicherschmid18@stud.hwr-berlin.de>
Date: Sun, 12 Jan 2020 18:50:00 +0100
Subject: [PATCH] fixed group page width

---
 src/app/components/group/group.component.html | 4 +++-
 src/app/components/group/group.component.sass | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/components/group/group.component.html b/src/app/components/group/group.component.html
index 764d2a4..dc0f5d5 100644
--- a/src/app/components/group/group.component.html
+++ b/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>
diff --git a/src/app/components/group/group.component.sass b/src/app/components/group/group.component.sass
index 649f40c..b11863d 100644
--- a/src/app/components/group/group.component.sass
+++ b/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