diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss index 4c3d3327f..fcc5f8e30 100644 --- a/app/assets/stylesheets/app.scss +++ b/app/assets/stylesheets/app.scss @@ -151,6 +151,8 @@ details summary { .spreadsheet { + margin-bottom: -$gutter; + th, .table-field-index { background: $grey-4; diff --git a/app/assets/stylesheets/components/fullscreen-table.scss b/app/assets/stylesheets/components/fullscreen-table.scss index d5c8f78fc..64d669880 100644 --- a/app/assets/stylesheets/components/fullscreen-table.scss +++ b/app/assets/stylesheets/components/fullscreen-table.scss @@ -130,9 +130,16 @@ } &-shim { + width: 100%; position: relative; z-index: 9; + margin-bottom: 30px; + + & + .table-show-more-link { + margin-top: -28px; + } + } } diff --git a/app/assets/stylesheets/components/table.scss b/app/assets/stylesheets/components/table.scss index e7ad5f38a..4e66d2452 100644 --- a/app/assets/stylesheets/components/table.scss +++ b/app/assets/stylesheets/components/table.scss @@ -230,12 +230,18 @@ } .table-show-more-link { + @include core-16; color: $secondary-text-colour; margin-bottom: $gutter * 1.3333; border-bottom: 1px solid $border-colour; padding: 10px 0 10px 0; text-align: center; + + .table + & { + margin-top: -$gutter; + } + } a.table-show-more-link {