diff --git a/scss/_utilities.scss b/scss/_utilities.scss index 716a3e12..861cbf27 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -1552,8 +1552,16 @@ } } +.visible-xs { + display: none; +} + /*phone*/ @media (max-width: 767px) { + .visible-xs { + display: block; + } + .w-auto-xs { width: auto; } diff --git a/scss/components/_table.scss b/scss/components/_table.scss index 1175e792..1c64679e 100644 --- a/scss/components/_table.scss +++ b/scss/components/_table.scss @@ -117,6 +117,7 @@ @include clearfix(); display: flex; padding: $Table-toolbar-paddingY $Table-toolbar-paddingX; + flex-wrap: wrap; .#{$ns}DropDown { &-menuItem { @@ -424,6 +425,7 @@ border-right: 0; width: px2rem(1px); padding-right: 0; + cursor: move; } > tbody > tr > td.#{$ns}Table-expandCell { @@ -651,6 +653,8 @@ color: $text--loud-color; clear: both; margin-top: $gap-xs; + width: 100%; + color: $info; } &-footTable {