refs #22980 [finc] use break-word and use improve sidebar for sm and md devices

themes/finc/scss/_customVariables.scss

@@ -1205,7 +1205,7 @@ $sidebar-item-active-hover-bg: transparentize($brand-primary, .1) !default;
 $narrow-toggle-text-alignment: left !default;
 
 
-$sidebar-facet-word-break: break-all !default;
+$sidebar-facet-word-break: break-word !default;
 $sidebar-facet-word-break-sm: initial !default;
 $sidebar-facet-link-text-decoration: none !default;
 

themes/finc/scss/activate-on-demand/_sidebar-filter-hide-checkbox.scss

@@ -10,13 +10,13 @@
       &.active {
         .text {
           // reduce padding for active filters on tablet devices #22377
-          @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+          @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) {
             padding-left: $sidebar-facet-active-text-inside-padding-left-sm;
           }
         }
       }
 
-      @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+      @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) {
         // cut text in sidebar for tablet devices #22377
         .text {
           overflow: hidden;
@@ -39,7 +39,7 @@
     .help-link,
     .facet a:not(.exclude):not(:last-of-type) {
       // reduce padding for small devices #22377
-      @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+      @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) {
         padding: $sidebar-item-padding-sm;
       }
     }