diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 0b899e516..ffb1517de 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -29,6 +29,7 @@ @import "jquery-ui/sortable"; @import "leaflet"; @import "sticky_overrides"; +@import "tags"; @import "admin/*"; @import "sdg/**/*"; @import "sdg_management/*"; diff --git a/app/assets/stylesheets/mixins.scss b/app/assets/stylesheets/mixins.scss index 906c0bc3f..ee6aef106 100644 --- a/app/assets/stylesheets/mixins.scss +++ b/app/assets/stylesheets/mixins.scss @@ -226,3 +226,13 @@ } } } + +%tags { + margin-bottom: 0; + margin-left: 0; + + li { + display: inline-block; + margin-bottom: 0; + } +} diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss index a825c77bb..5290d20c8 100644 --- a/app/assets/stylesheets/participation.scss +++ b/app/assets/stylesheets/participation.scss @@ -408,10 +408,10 @@ } } - .tags, .geozone { li { + display: inline-block; margin-bottom: 0; } } @@ -487,8 +487,7 @@ } .tags { - display: block; - margin-bottom: 0; + @extend %tags; a { margin-right: rem-calc(6); @@ -673,8 +672,7 @@ } .tags { - display: block; - margin-bottom: 0; + @extend %tags; a { font-size: $tiny-font-size; diff --git a/app/assets/stylesheets/tags.scss b/app/assets/stylesheets/tags.scss new file mode 100644 index 000000000..b572da7a3 --- /dev/null +++ b/app/assets/stylesheets/tags.scss @@ -0,0 +1,6 @@ +ul { + + &.tags { + @extend %tags; + } +} diff --git a/app/views/polls/_poll_group.html.erb b/app/views/polls/_poll_group.html.erb index 95b1660aa..16da5efaa 100644 --- a/app/views/polls/_poll_group.html.erb +++ b/app/views/polls/_poll_group.html.erb @@ -47,9 +47,9 @@ <%= t("polls.index.geozone_info") %>

<% end %> -