From c7352655fdf7854bbb7fde85bf0d7d510a47ae24 Mon Sep 17 00:00:00 2001
From: jurinecko <95219754+jr-rk@users.noreply.github.com>
Date: Thu, 18 Sep 2025 15:03:56 +0200
Subject: [PATCH 1/6] VSB-TUO/Edit bitstreams table - Removed last column
 (table cells) (#992)

---
 .../item-edit-bitstream-bundle.component.html            | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
index f38af388e36..c6fb072b7e9 100644
--- a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
+++ b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
@@ -128,15 +128,6 @@
                 </div>
               </div>
             </td>
-            <td class="{{columnSizes.columns[4].buildClasses()}} row-element d-flex align-items-center justify-content-center">
-              <div class="float-left d-flex align-items-center overflow-hidden">
-              <span class="text-center">
-                <i [class]="isBitstreamSynchronized(entry) ? 'fas fa-check' : 'fas fa-times'"></i>
-              </span>
-              <span class="pl-1">|</span>
-              <div class="pl-1" [ngTemplateOutlet]="checksum"></div>
-              </div>
-            </td>
           </tr>
         </ng-container>
 

From f5ffd05b29e1663cb52976821e87e0d29a5ef837 Mon Sep 17 00:00:00 2001
From: Juraj Roka <95219754+jr-rk@users.noreply.github.com>
Date: Tue, 16 Dec 2025 18:33:59 +0100
Subject: [PATCH 2/6] display of sync status

---
 .../item-edit-bitstream-bundle.component.html     | 15 ++++++++++++++-
 src/assets/i18n/en.json5                          |  2 ++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
index c6fb072b7e9..21388d8735a 100644
--- a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
+++ b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
@@ -27,12 +27,15 @@
           <th id="actions" scope="col" class="{{ columnSizes.columns[3].buildClasses() }} text-center">
             {{'item.edit.bitstreams.headers.actions' | translate}}
           </th>
+          <th id="sync-status" scope="col" class="{{ columnSizes.columns[4].buildClasses() }} text-center">
+            {{'item.edit.bitstreams.headers.sync-status' | translate}}
+          </th>
         </tr>
         </thead>
 
         <tbody cdkDropList (cdkDropListDropped)="drop($event)">
         <tr class="bundle-row">
-          <th id="{{ bundleName }}" class="span" colspan="3" scope="colgroup">
+          <th id="{{ bundleName }}" class="span" colspan="4" scope="colgroup">
             {{'item.edit.bitstreams.bundle.name' | translate:{ name: bundleName } }}
           </th>
           <td class="text-center">
@@ -128,6 +131,16 @@
                 </div>
               </div>
             </td>
+            <td class="{{columnSizes.columns[4].buildClasses()}} row-element"
+                headers="{{ entry.nameStripped }} {{ bundleName }} sync-status">
+              <div class="d-flex align-items-center">
+                <span class="text-center">
+                  <i [class]="isBitstreamSynchronized(entry) ? 'fas fa-check' : 'fas fa-times'"></i>
+                </span>
+                <span class="pl-1">|</span>
+                <div class="pl-1" [ngTemplateOutlet]="checksum"></div>
+              </div>
+            </td>
           </tr>
         </ng-container>
 
diff --git a/src/assets/i18n/en.json5 b/src/assets/i18n/en.json5
index aec1ff966d6..24488008525 100644
--- a/src/assets/i18n/en.json5
+++ b/src/assets/i18n/en.json5
@@ -2087,6 +2087,8 @@
 
   "item.edit.bitstreams.headers.name": "Name",
 
+  "item.edit.bitstreams.headers.sync-status": "Sync Status",
+
   "item.edit.bitstreams.notifications.discarded.content": "Your changes were discarded. To reinstate your changes click the 'Undo' button",
 
   "item.edit.bitstreams.notifications.discarded.title": "Changes discarded",

From ad8742665bf87586d83bbd198f39dfa6d0e1cf77 Mon Sep 17 00:00:00 2001
From: Juraj Roka <95219754+jr-rk@users.noreply.github.com>
Date: Wed, 17 Dec 2025 16:38:36 +0100
Subject: [PATCH 3/6] fix: removed wrong i18n translation message and use the
 correct one; display of bundle controls in correct column

---
 .../item-edit-bitstream-bundle.component.html         | 11 ++++++-----
 src/assets/i18n/en.json5                              |  2 --
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
index 21388d8735a..dd536ba8035 100644
--- a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
+++ b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
@@ -27,15 +27,15 @@
           <th id="actions" scope="col" class="{{ columnSizes.columns[3].buildClasses() }} text-center">
             {{'item.edit.bitstreams.headers.actions' | translate}}
           </th>
-          <th id="sync-status" scope="col" class="{{ columnSizes.columns[4].buildClasses() }} text-center">
-            {{'item.edit.bitstreams.headers.sync-status' | translate}}
+          <th id="synchronized" scope="col" class="{{ columnSizes.columns[4].buildClasses() }} text-center">
+            {{'item.edit.bitstreams.headers.synchronized' | translate}}
           </th>
         </tr>
         </thead>
 
         <tbody cdkDropList (cdkDropListDropped)="drop($event)">
         <tr class="bundle-row">
-          <th id="{{ bundleName }}" class="span" colspan="4" scope="colgroup">
+          <th id="{{ bundleName }}" class="span" colspan="3" scope="colgroup">
             {{'item.edit.bitstreams.bundle.name' | translate:{ name: bundleName } }}
           </th>
           <td class="text-center">
@@ -77,6 +77,7 @@
             </div>
 
           </td>
+          <td></td>
         </tr>
 
         <ng-container *ngFor="let entry of (tableEntries$ | async)">
@@ -132,7 +133,7 @@
               </div>
             </td>
             <td class="{{columnSizes.columns[4].buildClasses()}} row-element"
-                headers="{{ entry.nameStripped }} {{ bundleName }} sync-status">
+                headers="{{ entry.nameStripped }} {{ bundleName }} synchronized">
               <div class="d-flex align-items-center">
                 <span class="text-center">
                   <i [class]="isBitstreamSynchronized(entry) ? 'fas fa-check' : 'fas fa-times'"></i>
@@ -153,7 +154,7 @@
 </ng-template>
 
 <ng-template #checksum let-entry="entry">
-  <div class="hover-container"
+  <div class="d-flex align-items-center"
        (mouseenter)="showChecksumValues = true"
        (mouseleave)="showChecksumValues = false"
        *ngVar="(checkSum$ | async) as bitstreamChecksum">
diff --git a/src/assets/i18n/en.json5 b/src/assets/i18n/en.json5
index 24488008525..aec1ff966d6 100644
--- a/src/assets/i18n/en.json5
+++ b/src/assets/i18n/en.json5
@@ -2087,8 +2087,6 @@
 
   "item.edit.bitstreams.headers.name": "Name",
 
-  "item.edit.bitstreams.headers.sync-status": "Sync Status",
-
   "item.edit.bitstreams.notifications.discarded.content": "Your changes were discarded. To reinstate your changes click the 'Undo' button",
 
   "item.edit.bitstreams.notifications.discarded.title": "Changes discarded",

From 153493498d19bc00dc9eadee1cc124f208126d35 Mon Sep 17 00:00:00 2001
From: Juraj Roka <95219754+jr-rk@users.noreply.github.com>
Date: Thu, 18 Dec 2025 14:08:05 +0100
Subject: [PATCH 4/6] fix: fixed alignment of cells; overflowing the text in
 Name column

---
 .../item-bitstreams/item-bitstreams.service.ts |  6 +++---
 .../item-edit-bitstream-bundle.component.html  | 18 ++++++++++--------
 .../item-edit-bitstream-bundle.component.scss  |  9 +++++++++
 3 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/app/item-page/edit-item-page/item-bitstreams/item-bitstreams.service.ts b/src/app/item-page/edit-item-page/item-bitstreams/item-bitstreams.service.ts
index 0107fa59e42..8f63e9ab6e4 100644
--- a/src/app/item-page/edit-item-page/item-bitstreams/item-bitstreams.service.ts
+++ b/src/app/item-page/edit-item-page/item-bitstreams/item-bitstreams.service.ts
@@ -366,13 +366,13 @@ export class ItemBitstreamsService {
   getColumnSizes(): ResponsiveTableSizes {
     return new ResponsiveTableSizes([
       // Name column
-      new ResponsiveColumnSizes(2, 2, 3, 4, 4),
+      new ResponsiveColumnSizes(3, 3, 3, 3, 3),
       // Description column
-      new ResponsiveColumnSizes(2, 3, 3, 3, 3),
+      new ResponsiveColumnSizes(3, 3, 3, 3, 3),
       // Format column
       new ResponsiveColumnSizes(2, 2, 2, 2, 2),
       // Actions column
-      new ResponsiveColumnSizes(6, 5, 4, 3, 3),
+      new ResponsiveColumnSizes(2, 2, 2, 2, 2),
       // Store synchronization columns
       new ResponsiveColumnSizes(2, 2, 2, 2, 2)
     ]);
diff --git a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
index dd536ba8035..ea403dbdc53 100644
--- a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
+++ b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
@@ -38,7 +38,7 @@
           <th id="{{ bundleName }}" class="span" colspan="3" scope="colgroup">
             {{'item.edit.bitstreams.bundle.name' | translate:{ name: bundleName } }}
           </th>
-          <td class="text-center">
+          <td class="{{ columnSizes.columns[3].buildClasses() }} text-center">
 
             <div class="btn-group">
               <button [routerLink]="[itemPageRoute, 'bitstreams', 'new']"
@@ -77,7 +77,7 @@
             </div>
 
           </td>
-          <td></td>
+          <td class="{{ columnSizes.columns[4].buildClasses() }}"></td>
         </tr>
 
         <ng-container *ngFor="let entry of (tableEntries$ | async)">
@@ -86,12 +86,14 @@
 
             <th class="bitstream-name row-element {{ columnSizes.columns[0].buildClasses() }}"
                 scope="row" id="{{ entry.nameStripped }}" headers="{{ bundleName }} name">
-              <div class="drag-handle text-muted float-left p-1 mr-2" tabindex="0" cdkDragHandle
-                   (keydown.enter)="select($event, entry)" (keydown.space)="select($event, entry)" (click)="select($event, entry)">
-                <i class="fas fa-grip-vertical fa-fw"
-                   [title]="'item.edit.bitstreams.edit.buttons.drag' | translate"></i>
+              <div class="d-flex align-items-center">
+                <div class="drag-handle text-muted p-1 mr-2" tabindex="0" cdkDragHandle
+                     (keydown.enter)="select($event, entry)" (keydown.space)="select($event, entry)" (click)="select($event, entry)">
+                  <i class="fas fa-grip-vertical fa-fw"
+                     [title]="'item.edit.bitstreams.edit.buttons.drag' | translate"></i>
+                </div>
+                <span class="flex-grow-1 text-truncate bitstream-name-text" [title]="entry.name">{{ entry.name }}</span>
               </div>
-              {{ entry.name }}
             </th>
             <td class="row-element {{ columnSizes.columns[1].buildClasses() }}"
                 headers="{{ entry.nameStripped }} {{ bundleName }} description">
@@ -134,7 +136,7 @@
             </td>
             <td class="{{columnSizes.columns[4].buildClasses()}} row-element"
                 headers="{{ entry.nameStripped }} {{ bundleName }} synchronized">
-              <div class="d-flex align-items-center">
+              <div class="d-flex align-items-center justify-content-center">
                 <span class="text-center">
                   <i [class]="isBitstreamSynchronized(entry) ? 'fas fa-check' : 'fas fa-times'"></i>
                 </span>
diff --git a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.scss b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.scss
index bbd4e1e75ce..ab37719c284 100644
--- a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.scss
+++ b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.scss
@@ -19,6 +19,15 @@
   font-weight: normal;
 }
 
+.bitstream-name-text {
+  width: 0;
+  overflow: auto;
+}
+
 .table {
   margin-bottom: 0;
 }
+
+.table thead th {
+  vertical-align: middle;
+}

From ff3f8312ccb304d42ec4efdcac2ac8db71ae8b57 Mon Sep 17 00:00:00 2001
From: Juraj Roka <95219754+jr-rk@users.noreply.github.com>
Date: Thu, 18 Dec 2025 14:46:36 +0100
Subject: [PATCH 5/6] fix: removed unwanted bootstrap class

---
 .../item-edit-bitstream-bundle.component.html                   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
index ea403dbdc53..1939d586129 100644
--- a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
+++ b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
@@ -92,7 +92,7 @@
                   <i class="fas fa-grip-vertical fa-fw"
                      [title]="'item.edit.bitstreams.edit.buttons.drag' | translate"></i>
                 </div>
-                <span class="flex-grow-1 text-truncate bitstream-name-text" [title]="entry.name">{{ entry.name }}</span>
+                <span class="flex-grow-1 bitstream-name-text" [title]="entry.name">{{ entry.name }}</span>
               </div>
             </th>
             <td class="row-element {{ columnSizes.columns[1].buildClasses() }}"

From 73ae04c358788f2820c4b289e79f96281662e707 Mon Sep 17 00:00:00 2001
From: Juraj Roka <95219754+jr-rk@users.noreply.github.com>
Date: Thu, 18 Dec 2025 14:58:06 +0100
Subject: [PATCH 6/6] fix: added word-break css property solution

---
 .../item-edit-bitstream-bundle.component.html          | 10 ++++------
 .../item-edit-bitstream-bundle.component.scss          |  5 ++---
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
index 1939d586129..b414e7e5d5b 100644
--- a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
+++ b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.html
@@ -86,22 +86,20 @@
 
             <th class="bitstream-name row-element {{ columnSizes.columns[0].buildClasses() }}"
                 scope="row" id="{{ entry.nameStripped }}" headers="{{ bundleName }} name">
-              <div class="d-flex align-items-center">
-                <div class="drag-handle text-muted p-1 mr-2" tabindex="0" cdkDragHandle
+                <div class="drag-handle text-muted float-left p-1 mr-2" tabindex="0" cdkDragHandle
                      (keydown.enter)="select($event, entry)" (keydown.space)="select($event, entry)" (click)="select($event, entry)">
                   <i class="fas fa-grip-vertical fa-fw"
                      [title]="'item.edit.bitstreams.edit.buttons.drag' | translate"></i>
                 </div>
-                <span class="flex-grow-1 bitstream-name-text" [title]="entry.name">{{ entry.name }}</span>
-              </div>
+                <span class="dont-break-out">{{ entry.name }}</span>
             </th>
             <td class="row-element {{ columnSizes.columns[1].buildClasses() }}"
                 headers="{{ entry.nameStripped }} {{ bundleName }} description">
-              {{ entry.description }}
+              <span class="dont-break-out">{{ entry.description }}</span>
             </td>
             <td class="row-element {{ columnSizes.columns[2].buildClasses() }}"
                 headers="{{ entry.nameStripped }} {{ bundleName }} format">
-              {{ (entry.format | async)?.shortDescription }}
+              <span class="dont-break-out">{{ (entry.format | async)?.shortDescription }}</span>
             </td>
             <td class="row-element {{ columnSizes.columns[3].buildClasses() }}"
                 headers="{{ entry.nameStripped }} {{ bundleName }} actions">
diff --git a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.scss b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.scss
index ab37719c284..2a43bf1ae7f 100644
--- a/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.scss
+++ b/src/app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component.scss
@@ -19,9 +19,8 @@
   font-weight: normal;
 }
 
-.bitstream-name-text {
-  width: 0;
-  overflow: auto;
+.dont-break-out {
+  word-break: break-word;
 }
 
 .table {