refs #23528 [finc] fix overlap with icon and record data

* change width only for xs

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;

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;
     }
   }
 

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;