Added a media query when there's a more width available to show more of the title

app/assets/stylesheets/framework/common.scss

@@ -427,6 +427,9 @@ table {
 .str-truncated {
   &-30 {
     @include str-truncated(30%);
+    @media (max-width: $screen-xs-max){
+      max-width: 90%;
+    }
   }
 
   &-60 {