fix issues with the icons column in DT/DL (#2277)

* fix issues with the icons column in DT/DL

- fix issue with screen reader label not being translated
- fix issue with column taking the width of the screen reader label

* fix custom selection icon position

demo-shell-ng2/app/components/files/files.component.css

@@ -45,7 +45,7 @@ adf-document-list >>> adf-datatable tr.is-selected .image-table-cell::before {
     top: 50%;
     left: 50%;
     margin-top: -16px;
-    margin-left: -28px;
+    margin-left: -12px;
     border-radius: 100%;
     background: #00bcd4;
 }

ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.html

@@ -23,7 +23,7 @@
             role="button"
             tabindex="0"
             title="{{ col.title }}">
-            <span *ngIf="col.srTitle" class="sr-only">{{col.srTitle}}</span>
+            <span *ngIf="col.srTitle" class="sr-only">{{ col.srTitle | translate }}</span>
             <span *ngIf="col.title">{{ col.title | translate}}</span>
         </th>
         <!-- Actions (right) -->

ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss

@@ -222,12 +222,9 @@
                 display: block;
             }
         }
-    }
-
-    /* Utils */
 
         /* [Accessibility] For screen reader only */
-    :host .sr-only {
+        .sr-only {
             position: absolute;
             width: 1px;
             height: 1px;
@@ -238,6 +235,7 @@
             border: 0;
         }
 
+        /* Utils */
         .hidden {
             display: none;
         }
@@ -254,6 +252,7 @@
                 display: none;
             }
         }
+    }
 
     .adf-upload__dragging {
         & > td {