Clean up the dashboard view table spacing on mobile

This commit is contained in:
Kevin MacMartin 2018-01-21 22:40:42 -05:00
parent 0c5cd33462
commit 315a4893ec
2 changed files with 55 additions and 43 deletions

View file

@ -195,8 +195,17 @@ body {
&, &:hover, &:focus { text-decoration: none; } &, &:hover, &:focus { text-decoration: none; }
} }
.table { .view-table-container {
> thead > tr > th { border-bottom: 1px solid #666; } @media (max-width: $screen-xs-max) {
padding: 10px 5px;
}
.table {
margin-bottom: 0px;
> thead > tr > th {
border-bottom: 1px solid #666;
}
@media (max-width: $screen-md-max) { @media (max-width: $screen-md-max) {
tr { tr {
@ -225,6 +234,7 @@ body {
> tbody > tr:last-child > td { padding-bottom: 0px; } > tbody > tr:last-child > td { padding-bottom: 0px; }
.mobile-heading { display: none; } .mobile-heading { display: none; }
} }
}
} }
.list-group { .list-group {

View file

@ -7,6 +7,7 @@
@endsection @endsection
@section('dashboard-body') @section('dashboard-body')
<div class="view-table-container">
<table class="table"> <table class="table">
<thead> <thead>
<tr class="heading-row"> <tr class="heading-row">
@ -26,4 +27,5 @@
@endforeach @endforeach
</tbody> </tbody>
</table> </table>
</div>
@endsection @endsection