Fix multi-column rows in the dashboard edit-list

This commit is contained in:
Kevin MacMartin 2018-01-15 22:35:36 -05:00
parent fb7f87d6b0
commit b0a5a55c9a
2 changed files with 8 additions and 10 deletions

View file

@ -286,19 +286,17 @@ body {
} }
.column { .column {
@media (max-width: $screen-xs-max) {
margin-right: 3px;
display: inline-block; display: inline-block;
}
&.spacer { .spacer {
@media (max-width: $screen-xs-max) {
display: block; display: block;
font-size: 0; font-size: 0;
} }
}
@media (min-width: $screen-sm-min) { @media (min-width: $screen-sm-min) {
float: left; display: inline-block;
margin-right: 10px;
} }
} }
} }

View file

@ -36,7 +36,7 @@
<div class="column">{{ $row[$col] }}</div> <div class="column">{{ $row[$col] }}</div>
@if(!$loop->last) @if(!$loop->last)
<div class="column spacer">|</div> <div class="spacer">|</div>
@endif @endif
@endif @endif
@endforeach @endforeach