FEAT #15155 TIME 0:10 fix action refactoring

src/frontend/app/actions/send-to-record-management-action/send-to-record-management.component.html

@@ -108,7 +108,7 @@
 
                         <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->
                         <ng-container matColumnDef="expandedDetail">
-                            <td mat-cell *matCellDef="let element" [attr.colspan]="columnsToDisplay.length" style="border-bottom: none;">
+                            <td mat-cell *matCellDef="let element" [attr.colspan]="columnsToDisplay.length" style="border-bottom: none;padding:0px;">
                                 <div class="example-element-detail"
                                     [@detailExpand]="element == archives ? 'expanded' : 'collapsed'">
                                     <div  style="padding-bottom: 10px;">
@@ -123,16 +123,16 @@
                                         </span>
                                     </div>
                                     
-                                    <div style="max-height: 150px;overflow: auto;width: 100%;display: grid;grid-template-columns: auto 1fr auto;grid-gap:10px;font-size: 90%;padding-left: 20px;">
+                                    <div style="max-height: 150px;overflow: auto;width: 100%;display: grid;grid-template-columns: auto auto 1fr;grid-gap:10px;font-size: 90%;padding-left: 20px;padding-right: 20px;">
                                         <ng-container *ngFor="let archive of element.archives;let i=index;">
+                                            <div style="border-bottom: solid 1px rgba(0,0,0,0.12);color:#666" [title]="archive.otherInfo">
+                                                {{archive.otherInfo}}
+                                            </div>
                                             <div color="primary" style="border-bottom: solid 1px rgba(0,0,0,0.12);">
                                                 {{'lang.' + archive.type | translate}}
                                             </div>
                                             <div style="border-bottom: solid 1px rgba(0,0,0,0.12);" [title]="archive.label">
-                                                {{archive.label | shorten : 50:'...'}}
-                                            </div>
-                                            <div style="border-bottom: solid 1px rgba(0,0,0,0.12);" [title]="archive.otherInfo">
-                                                {{archive.otherInfo}}
+                                                {{archive.label}}
                                             </div>
                                         </ng-container>
                                     </div>