diff --git a/src/app/groups/groups-view/group-actions/manage-group-members/manage-group-members.component.scss b/src/app/groups/groups-view/group-actions/manage-group-members/manage-group-members.component.scss index b7c13168b..c063a0869 100644 --- a/src/app/groups/groups-view/group-actions/manage-group-members/manage-group-members.component.scss +++ b/src/app/groups/groups-view/group-actions/manage-group-members/manage-group-members.component.scss @@ -3,15 +3,18 @@ .mat-table { display: block; - font-family: Tahoma, Verdana, sans-serif; + font-family: Roboto, 'Helvetica Neue', sans-serif; width: 100%; + margin-top: -2rem; + padding: 1.5rem; } .mat-row, .mat-header-row { display: flex; - border-bottom-width: 1px; - border-bottom-style: solid; + border-bottom: 1px solid var(--border-color-light, #eee); + color: var(--text-color, inherit); + font-weight: 500; align-items: center; min-height: 48px; padding: 0 24px; @@ -22,14 +25,52 @@ flex: 1; overflow: hidden; word-wrap: break-word; + flex-direction: column; } h3 { padding-left: 0; margin-bottom: 0; + font-weight: 500; + border-bottom: 2px solid var(--border-color-light, #eee); + } + + .p-t-10 { + font-weight: 500; + margin-left: 1rem; } .client-card { max-height: 20rem; + margin-bottom: 1rem; + padding: 1.5rem; + box-shadow: 0 2px 4px rgb(0 0 0 / 10%); + border: 1px solid var(--border-color, #ddd); + border-radius: 8px; + transition: + background-color 0.3s ease, + border-color 0.3s ease; + } + + .flex-50 { + max-height: 20rem; + margin-bottom: 1rem; + padding: 1.5rem; + box-shadow: 0 2px 4px rgb(0 0 0 / 10%); + border: 1px solid var(--border-color, #ddd); + border-radius: 8px; + transition: + background-color 0.3s ease, + border-color 0.3s ease; + } + + .flex-50 button { + left: 0; + } + + .flex-fill { + margin-top: 0.5rem; + display: inline; + font-weight: 500; } }