119176: Make table horizontally scrollable

For most screen sizes, the ResponsiveTableSizes is enough to resize the
table columns. On very small screens, or when zoomed in a lot, even the
smallest column sizes are too big. To make it possible to view the
rest of the content even in these situations, the ability to scroll
horizontally is added.

Author: AAwouters

src/app/item-page/edit-item-page/item-bitstreams/item-bitstreams.component.html

@@ -27,7 +27,7 @@
     </button>
   </div>
 
-  <div *ngIf="item && bundles?.length > 0" class="mt-4 table-border">
+  <div *ngIf="item && bundles?.length > 0" class="mt-4 table-border scrollable-table">
     <ds-item-edit-bitstream-bundle *ngFor="let bundle of bundles; first as isFirst"
                                    [bundle]="bundle"
                                    [item]="item"

src/app/item-page/edit-item-page/item-bitstreams/item-bitstreams.component.scss

@@ -39,3 +39,7 @@
 :host ::ng-deep .pagination {
   padding-top: 0.5rem;
 }
+
+.scrollable-table {
+  overflow-x: auto;
+}