diff --git a/themes/finc/scss/_customVariables.scss b/themes/finc/scss/_customVariables.scss index 90ffc2c4f9d767668bde61d12cd715634c6f4269..e619b6b226b999a4f9e60581d56332c729b2df64 100644 --- a/themes/finc/scss/_customVariables.scss +++ b/themes/finc/scss/_customVariables.scss @@ -1011,6 +1011,7 @@ $result-links-saved-in-ul-a-color: $state-light-text-on-dark !default; // Access icons $result-list-access-icons-container-text-align: center !default; $result-list-access-icons-container-width: 17% !default; +$result-list-access-icons-container-width-xs: 25% !default; $result-list-access-icon-color: $brand-primary !default; $result-list-access-icon-text-align: center !default; diff --git a/themes/finc/scss/components/_media-styled-based-account-icons-and-status-colors.scss b/themes/finc/scss/components/_media-styled-based-account-icons-and-status-colors.scss index b0bf49f46569431616afbddc02e0661e5a85d23e..f5f31e4d4dfced3e94e8e96921f0b8f5cc526996 100644 --- a/themes/finc/scss/components/_media-styled-based-account-icons-and-status-colors.scss +++ b/themes/finc/scss/components/_media-styled-based-account-icons-and-status-colors.scss @@ -21,10 +21,9 @@ } } - // push COVER down on SM and XS .media-left { @media (max-width: $screen-sm-max) { - margin-top: 15px; + margin: 0; } } diff --git a/themes/finc/scss/components/_result-list.scss b/themes/finc/scss/components/_result-list.scss index 0092eb8aa7f539d3c715387d2ceb5213650ad669..a954910a4877e79b2aec23f8c26fd263fc770981 100644 --- a/themes/finc/scss/components/_result-list.scss +++ b/themes/finc/scss/components/_result-list.scss @@ -136,6 +136,10 @@ text-align: $result-list-access-icons-container-text-align; width: $result-list-access-icons-container-width; + @media (max-width: $screen-xs-max) { + width: $result-list-access-icons-container-width-xs; + } + //// remove left padding for print @media print { padding-left: 0;