mirror of
https://github.com/prurigro/hypothetical.git
synced 2024-11-26 00:51:26 -05:00
Clean up the dashboard view table spacing on mobile
This commit is contained in:
parent
0c5cd33462
commit
315a4893ec
2 changed files with 55 additions and 43 deletions
14
resources/assets/sass/dashboard.scss
vendored
14
resources/assets/sass/dashboard.scss
vendored
|
@ -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 {
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue