mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-19 14:09:20 -04:00
Make appearance of ‘empty’ table rows even
Our table rows take up 65px vertical space. We also have things that look like rows that say: - there are no rows - there are more rows than can be shown on screen This commit makes them appear the same height.
This commit is contained in:
@@ -324,11 +324,12 @@
|
||||
border-bottom: 1px solid $border-colour;
|
||||
}
|
||||
|
||||
.table-empty-message {
|
||||
@include core-16;
|
||||
.table-empty-message,
|
||||
td.table-empty-message {
|
||||
@include core-19;
|
||||
color: $secondary-text-colour;
|
||||
border-bottom: 1px solid $border-colour;
|
||||
padding: 0.75em 0 0.5625em 0;
|
||||
padding: 20px 0 20px 0;
|
||||
}
|
||||
|
||||
.table-show-more-link {
|
||||
@@ -337,7 +338,7 @@
|
||||
color: $secondary-text-colour;
|
||||
margin-bottom: $gutter * 1.3333;
|
||||
border-bottom: 1px solid $border-colour;
|
||||
padding: 10px 0 10px 0;
|
||||
padding: 35px 0 10px 0;
|
||||
text-align: center;
|
||||
|
||||
.table + & {
|
||||
|
||||
Reference in New Issue
Block a user