Fix containers of action buttons in room view

src/app/components/creator/room-creator-page/room-creator-page.component.scss

@@ -17,8 +17,9 @@ mat-card-content > :first-child {
 }
 
 .mat-icon-button {
-  width: 60%; // 100%
+  width: 100%;
   height: 75%;
+  border-radius: 0;
   color: var(--primary)!important;
   transition: all 0.3s;
   &:hover {

src/app/components/participant/room-participant-page/room-participant-page.component.html

@@ -30,7 +30,7 @@
             <mat-icon matBadge="{{commentCounter}}" matBadgeColor="primary" class="main-icon"
                       [ngClass]="{'desktop' : deviceType === 'desktop'}">question_answer
             </mat-icon>
-            <h3>{{ 'room-page.create-comment' | translate}}</h3>         <!-- *ngIf="deviceType === 'desktop'" -->
+            <h3>{{ 'room-page.create-comment' | translate}}</h3>
           </button>
         </mat-grid-tile>
       </mat-grid-list>

src/app/components/participant/room-participant-page/room-participant-page.component.scss

@@ -12,9 +12,10 @@ mat-card-content>:first-child {
 }
 
 .mat-icon-button {
-  width: 60%; // 100%
+  width: 100%;
   height: 75%;
   margin-bottom: 3%;
+  border-radius: 0;
   color: var(--primary)!important;
 }