Simplify padding rules for SDG selector

Now the padding is only applied in two places (administration forms) so
we can apply it just there instead of applying it everywhere and then
removing it in most places. We're using the `column` class here because
it's what's used in the rest of the fields of these forms and because we
haven't defined (yet) general margin/padding rules for the
administration views.
This commit is contained in:
Javi Martín
2021-07-09 17:47:17 +02:00
parent b162ad512a
commit a14cf4f700
7 changed files with 6 additions and 24 deletions

View File

@@ -35,11 +35,6 @@
@include grid-column-gutter; @include grid-column-gutter;
} }
.sdg-related-list-selector {
padding-left: 0;
padding-right: 0;
}
[type="submit"] { [type="submit"] {
@include regular-button; @include regular-button;
font-size: map-get($button-sizes, large); font-size: map-get($button-sizes, large);

View File

@@ -5,9 +5,4 @@
@include grid-row-nest; @include grid-row-nest;
@include grid-column-gutter; @include grid-column-gutter;
} }
.sdg-related-list-selector {
padding-left: 0;
padding-right: 0;
}
} }

View File

@@ -5,10 +5,5 @@
@include grid-row-nest; @include grid-row-nest;
@include grid-column-gutter; @include grid-column-gutter;
} }
.sdg-related-list-selector {
padding-left: 0;
padding-right: 0;
}
} }

View File

@@ -1,5 +1,4 @@
.sdg-related-list-selector { .sdg-related-list-selector {
@include grid-column-gutter;
clear: both; clear: both;
> legend { > legend {

View File

@@ -1,6 +0,0 @@
.sdg-relations-edit {
.sdg-related-list-selector {
padding: 0;
}
}

View File

@@ -187,7 +187,9 @@
</div> </div>
<div class="row"> <div class="row">
<%= render SDG::RelatedListSelectorComponent.new(f) %> <div class="small-12 column">
<%= render SDG::RelatedListSelectorComponent.new(f) %>
</div>
</div> </div>
<div class="row"> <div class="row">

View File

@@ -56,7 +56,9 @@
</div> </div>
<div class="row"> <div class="row">
<%= render SDG::RelatedListSelectorComponent.new(f) %> <div class="small-12 column">
<%= render SDG::RelatedListSelectorComponent.new(f) %>
</div>
</div> </div>
<div class="row"> <div class="row">