Merge pull request #675 from alphagov/fix-table-display

Fix table display
This commit is contained in:
Chris Hill-Scott
2016-06-13 11:39:08 +01:00
committed by GitHub
5 changed files with 101 additions and 80 deletions

View File

@@ -26,6 +26,16 @@
}
.big-number-smallest {
@extend %big-number;
.big-number-number {
@include bold-24();
}
}
.big-number-with-status {
@extend %big-number;

View File

@@ -1,7 +1,6 @@
.table {
margin-bottom: $gutter;
width: 100%;
table-layout: fixed;
}
.table-heading {
@@ -9,24 +8,32 @@
margin: 40px 0 $gutter-half 0;
}
.table-field-headings {
th {
padding: 0 0 5px 0;
.dashboard-table {
.table {
table-layout: fixed;
}
}
.table-row {
th {
display: table-cell;
width: 52.5%;
font-weight: normal;
.hint {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.table-field-headings {
th {
padding: 0 0 5px 0;
}
}
.table-row {
th {
display: table-cell;
width: 52.5%;
font-weight: normal;
.hint {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
}
%table-field,
@@ -105,7 +112,7 @@
.table-field-heading {
&-first {
.dashboard-table &-first {
width: 52.5%;
}