diff --git a/fe-piattaforma/src/components/DetailsRow/detailsRow.scss b/fe-piattaforma/src/components/DetailsRow/detailsRow.scss index 247ec2549..ba7a7a8f3 100644 --- a/fe-piattaforma/src/components/DetailsRow/detailsRow.scss +++ b/fe-piattaforma/src/components/DetailsRow/detailsRow.scss @@ -15,6 +15,10 @@ } +.button-icon { + padding: 0 !important; +} + .details-row { display: grid; grid-template-columns: 1fr 2fr 1fr; @@ -69,9 +73,19 @@ } &__right-section { - grid-area: 1 / 3 / 2 / 4; - display: table-cell; - text-align: center; + display: flex; + align-items: center; + + .icon-button-relative { + margin-left: auto; + display: flex; + + .icon-container { + position: relative; + right: 80px; + bottom: 2px; + } + } .light-grey-bg { background-color: color('grey-080'); @@ -79,18 +93,17 @@ } span { - margin-bottom: rem(10px); letter-spacing: rem(1px); } & > div { display: flex; align-items: center; - justify-content: end; } } } + .icons { &__icon-visible-password { object-fit: contain; diff --git a/fe-piattaforma/src/components/DetailsRow/detailsRow.tsx b/fe-piattaforma/src/components/DetailsRow/detailsRow.tsx index 8238a7c3f..a88c736eb 100644 --- a/fe-piattaforma/src/components/DetailsRow/detailsRow.tsx +++ b/fe-piattaforma/src/components/DetailsRow/detailsRow.tsx @@ -35,7 +35,7 @@ const DetailsRow: React.FC = ({ return (