diff --git a/src/components/Author/AuthorCard/AuthorCard.module.scss b/src/components/Author/AuthorCard/AuthorCard.module.scss index 98e1206e..a903b53b 100644 --- a/src/components/Author/AuthorCard/AuthorCard.module.scss +++ b/src/components/Author/AuthorCard/AuthorCard.module.scss @@ -43,8 +43,23 @@ } } + .authorActionsLabel { + @include media-breakpoint-down(sm) { + display: none; + } + } + + .authorActionsLabelMobile { + display: none; + + @include media-breakpoint-down(sm) { + display: block; + } + } + .authorDetails { display: block; + margin-bottom: 0; @include media-breakpoint-down(md) { flex: 1 100%; @@ -403,7 +418,7 @@ @include media-breakpoint-down(sm) { flex: 1 100%; justify-content: center; - margin-top: 1em; + margin-top: 1rem; } @include media-breakpoint-down(md) { diff --git a/src/components/Author/AuthorCard/AuthorCard.tsx b/src/components/Author/AuthorCard/AuthorCard.tsx index e38ef986..65f4353a 100644 --- a/src/components/Author/AuthorCard/AuthorCard.tsx +++ b/src/components/Author/AuthorCard/AuthorCard.tsx @@ -131,7 +131,9 @@ export const AuthorCard = (props: Props) => {