diff --git a/aio/src/styles/0-base/_typography.scss b/aio/src/styles/0-base/_typography.scss index 04f990236d..0b8570ec57 100755 --- a/aio/src/styles/0-base/_typography.scss +++ b/aio/src/styles/0-base/_typography.scss @@ -107,6 +107,7 @@ td { font-weight: 400; padding: 8px 30px; + letter-spacing: 0.30px; p { margin: 0; diff --git a/aio/src/styles/1-layouts/_search-results.scss b/aio/src/styles/1-layouts/_search-results.scss index 88c527dbad..9f6b39e794 100644 --- a/aio/src/styles/1-layouts/_search-results.scss +++ b/aio/src/styles/1-layouts/_search-results.scss @@ -14,6 +14,7 @@ aio-search-results { top: 0; left: 0; right: 0; + z-index: 5; background-color: $darkgray; border: 24px solid $darkgray; diff --git a/aio/src/styles/2-modules/_table.scss b/aio/src/styles/2-modules/_table.scss index 79682eae96..2ab3fe42c2 100644 --- a/aio/src/styles/2-modules/_table.scss +++ b/aio/src/styles/2-modules/_table.scss @@ -27,6 +27,30 @@ table { border-bottom: 1px solid $lightgray; padding: 16px 24px; text-align: left; + line-height: 24px; + + @media (max-width: 480px) { + &:before { + // content: **ADD TABLE HEADER**; + display: inline-block; + } + } + + } + + td { + letter-spacing: 0.30px; + + @media (max-width: 480px) { + display: block; + } + + tr td:first-child { + @media (max-width: 480px) { + background-color: $lightgray; + } + } + } th { @@ -34,10 +58,19 @@ table { border-right: 1px solid $lightgray; font-weight: 600; max-width: 100px; + + @media (max-width: 480px) { + display: none; + } } tr:last-child td { border: none; + + @media (max-width: 480px) { + border-bottom: 1px solid $lightgray; + } + } } } \ No newline at end of file