diff --git a/src/components/Article/Article.module.scss b/src/components/Article/Article.module.scss index d3b75047..f1fca832 100644 --- a/src/components/Article/Article.module.scss +++ b/src/components/Article/Article.module.scss @@ -98,6 +98,17 @@ img { font-size: 1.5rem; font-weight: normal; } + + :global(.button--subscribe) { + font-size: 1rem; + height: 3.2rem; + padding: 0.4rem; + width: 3.2rem; + + img { + width: 1.6rem; + } + } } .writeComment { @@ -144,13 +155,16 @@ img { .shoutStatsItem { @include font-size(1.5rem); - font-weight: 500; display: inline-block; - margin: 0 3.2rem 1em 0; + margin: 0 6% 1em 0; vertical-align: baseline; cursor: pointer; + @include media-breakpoint-up(sm) { + margin-right: 3.2rem; + } + .icon { height: 1.6em; display: inline-block; diff --git a/src/styles/app.scss b/src/styles/app.scss index 5bd44b6d..bf584bf2 100644 --- a/src/styles/app.scss +++ b/src/styles/app.scss @@ -221,28 +221,14 @@ button { .button--subscribe { background: #fff; border: 2px solid #f6f6f6; - font-size: 1rem; - height: 3.2rem; + font-size: 1.5rem; justify-content: center; - padding: 0.4rem; + padding: 0.6rem 1.2rem; transition: background-color 0.2s; - width: 3.2rem; - - @include media-breakpoint-up(sm) { - font-size: 1.5rem; - height: auto; - padding: 0.6rem 1.2rem; - width: auto; - } img { height: auto; transition: filter 0.2s; - width: 1.6rem; - - @include media-breakpoint-up(sm) { - width: auto; - } } &:hover {