From 546388ce4ebf80c5a1a25d84c1bff65739ac9f12 Mon Sep 17 00:00:00 2001
From: "Craig.cpu" <craig.rosario04@gmail.com>
Date: Sun, 16 Mar 2025 09:58:39 +0530
Subject: [PATCH] fixed client and group page responsiveness (#2320)

---
 src/app/clients/clients-view/clients-view.component.html | 2 +-
 src/app/groups/groups-view/groups-view.component.html    | 2 +-
 src/app/groups/groups-view/groups-view.component.scss    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/clients/clients-view/clients-view.component.html b/src/app/clients/clients-view/clients-view.component.html
index 406f78636..57621ba94 100644
--- a/src/app/clients/clients-view/clients-view.component.html
+++ b/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>
diff --git a/src/app/groups/groups-view/groups-view.component.html b/src/app/groups/groups-view/groups-view.component.html
index afdd79282..6329efcb6 100644
--- a/src/app/groups/groups-view/groups-view.component.html
+++ b/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>
diff --git a/src/app/groups/groups-view/groups-view.component.scss b/src/app/groups/groups-view/groups-view.component.scss
index 019d4bf24..715193fad 100644
--- a/src/app/groups/groups-view/groups-view.component.scss
+++ b/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 {