fixed client and group page responsiveness (#2320)

src/app/clients/clients-view/clients-view.component.html

@@ -53,7 +53,7 @@
             <b>{{ 'labels.inputs.Client Name' | translate }} :</b
             ><mifosx-entity-name entityName="{{ clientViewData.displayName }}"></mifosx-entity-name>
           </h3>
-          <div fxFlex="5%">
+          <div fxFlex="5%" fxLayoutAlign="end center">
             <button mat-icon-button [matMenuTriggerFor]="clientMenu" aria-label="Client actions" yPosition="below">
               <mat-icon matListIcon class="actions-menu">
                 <fa-icon icon="bars" size="sm"></fa-icon>

src/app/groups/groups-view/groups-view.component.html

@@ -18,7 +18,7 @@
             {{ 'labels.heading.Group Name' | translate }} : {{ groupViewData.name }}
           </h3>
 
-          <div fxFlex="5%">
+          <div fxFlex="5%" fxFlex.sm="10%" fxFlex.md="5%" fxFlex.xs="15%">
             <button mat-icon-button [matMenuTriggerFor]="groupMenu" aria-label="Group actions" yPosition="below">
               <mat-icon matListIcon class="actions-menu">
                 <fa-icon icon="bars" size="sm"></fa-icon>

src/app/groups/groups-view/groups-view.component.scss

@@ -34,7 +34,7 @@
 
   .group-meeting {
     align-self: flex-end;
-    width: 300px;
+    width: 100%;
 
     div,
     ng-template > div {