diff --git a/src/components/OrgListCard/OrgListCard.module.css b/src/components/OrgListCard/OrgListCard.module.css index 15628052ce..4c7c4801f4 100644 --- a/src/components/OrgListCard/OrgListCard.module.css +++ b/src/components/OrgListCard/OrgListCard.module.css @@ -46,6 +46,22 @@ z-index: 1; } +.flaskIcon { + margin-top: 4px; +} + +.manageBtn { + display: flex; + justify-content: space-around; + width: 118px; +} + +.orgName { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + @media (max-width: 450px) { .orgCard { height: unset; @@ -77,23 +93,12 @@ margin-left: auto; display: block; } -} - -.flaskIcon { - position: absolute; - top: 0; - right: 0; - margin: 10px 20px 0px 0px; -} - -.manageBtn { - display: flex; - justify-content: space-around; - width: 100px; -} - -.orgName { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; + .flaskIcon { + margin-bottom: 6px; + } + .manageBtn { + display: flex; + justify-content: space-around; + width: 100%; + } } diff --git a/src/components/OrgListCard/OrgListCard.tsx b/src/components/OrgListCard/OrgListCard.tsx index 30ec8adc5e..24c8137051 100644 --- a/src/components/OrgListCard/OrgListCard.tsx +++ b/src/components/OrgListCard/OrgListCard.tsx @@ -80,7 +80,8 @@ function orgListCard(props: InterfaceOrgListCardProps): JSX.Element { {data && data?.isSampleOrganization && ( )}