diff --git a/app/assets/stylesheets/in_favor_against.scss b/app/assets/stylesheets/in_favor_against.scss index a91841f85..71b80bc5f 100644 --- a/app/assets/stylesheets/in_favor_against.scss +++ b/app/assets/stylesheets/in_favor_against.scss @@ -1,4 +1,9 @@ .in-favor-against { + @include flex-with-gap($line-height / 4); + + @include breakpoint(medium) { + @include flex-with-gap($line-height * 3 / 4); + } &, .in-favor, @@ -84,12 +89,4 @@ .no-voted { opacity: 0.3; } - - .against { - margin-left: $line-height / 4; - } - - .divider { - margin: 0 rem-calc(6); - } } diff --git a/app/components/shared/in_favor_against_component.html.erb b/app/components/shared/in_favor_against_component.html.erb index df44bac62..3b52938bc 100644 --- a/app/components/shared/in_favor_against_component.html.erb +++ b/app/components/shared/in_favor_against_component.html.erb @@ -12,8 +12,6 @@ <%= votes_percentage("likes", votable) %> - -