diff --git a/src/components/Article/Comment/Comment.module.scss b/src/components/Article/Comment/Comment.module.scss index ace30d04..2a77ccb8 100644 --- a/src/components/Article/Comment/Comment.module.scss +++ b/src/components/Article/Comment/Comment.module.scss @@ -204,9 +204,13 @@ .articleLinkIcon { display: inline-block; - margin: 0 1em; + margin-right: 1em; vertical-align: middle; width: 1em; + + @include media-breakpoint-up(md) { + margin-left: 1em; + } } .commentDates { diff --git a/src/components/Author/AhtorLink/AhtorLink.module.scss b/src/components/Author/AhtorLink/AhtorLink.module.scss index ef7e911e..848ef5ca 100644 --- a/src/components/Author/AhtorLink/AhtorLink.module.scss +++ b/src/components/Author/AhtorLink/AhtorLink.module.scss @@ -1,6 +1,6 @@ .AuthorLink { .link { - display: flex; + display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center; @@ -8,6 +8,7 @@ justify-content: center; padding: 0; border-bottom: none; + vertical-align: text-bottom; &:hover { background: unset !important;