diff --git a/app/assets/stylesheets/in_favor_against.scss b/app/assets/stylesheets/in_favor_against.scss index 1fb29b0a4..dc8d60127 100644 --- a/app/assets/stylesheets/in_favor_against.scss +++ b/app/assets/stylesheets/in_favor_against.scss @@ -1,5 +1,11 @@ .in-favor-against { - display: inline-block; + + &, + .in-favor, + .against, + form { + display: inline-block; + } .icon-like, .icon-unlike { @@ -41,23 +47,22 @@ .like, .unlike { - line-height: rem-calc(48); vertical-align: super; text-decoration: none; + } - .percentage { - color: $text; - display: inline-block; - font-size: $small-font-size; - line-height: $line-height * 2; - padding-right: $line-height / 2; - vertical-align: top; + .percentage { + color: $text; + display: inline-block; + font-size: $small-font-size; + line-height: $line-height * 2; + padding-right: $line-height / 2; + vertical-align: top; - @include breakpoint(medium) { - display: block; - line-height: $line-height; - padding-right: 0; - } + @include breakpoint(medium) { + display: block; + line-height: $line-height; + padding-right: 0; } } diff --git a/app/components/shared/in_favor_against_component.html.erb b/app/components/shared/in_favor_against_component.html.erb index 87c3bc381..9742fe918 100644 --- a/app/components/shared/in_favor_against_component.html.erb +++ b/app/components/shared/in_favor_against_component.html.erb @@ -1,5 +1,5 @@