fix: make responsive deposit data files tab

src/app/features/deposit/components/containers/deposit-file/deposit-file.container.html

-<div *ngIf="!readonly"
-     class="file-upload"
->
-  <h1>{{'deposit.file.title.inProgressUpload' | translate}}</h1>
-  <dlcm-deposit-files-upload-in-progress *ngIf="readonly === false"
-                                         [listFilesUploading]="uploadStatusObs | async"
-                                         (cancelChange)="cancel($event)"
-                                         (retryChange)="retry($event)"
-                                         (uploadChange)="upload($event)"
-  ></dlcm-deposit-files-upload-in-progress>
-</div>
+<div class="form">
+  <div *ngIf="!readonly"
+       class="file-upload"
+  >
+    <h1>{{'deposit.file.title.inProgressUpload' | translate}}</h1>
+    <dlcm-deposit-files-upload-in-progress *ngIf="readonly === false"
+                                           [listFilesUploading]="uploadStatusObs | async"
+                                           (cancelChange)="cancel($event)"
+                                           (retryChange)="retry($event)"
+                                           (uploadChange)="upload($event)"
+    ></dlcm-deposit-files-upload-in-progress>
+  </div>
 
-<h1>{{'deposit.file.title.filesOfDeposit' | translate}}</h1>
-<dlcm-deposit-file-tree *ngIf="(listDataFileObs | async) | isNonEmptyArray; else noFile"
-                        [listDepositDataFile]="listDataFileObs | async"
-                        [isLoading]="isLoadingDataFileObs | async"
-                        [readonly]="readonly"
-                        (resumeChange)="resume($event)"
-                        (deleteChange)="delete($event)"
-                        (downloadChange)="download($event)"
-                        (refreshChange)="refresh()"
-></dlcm-deposit-file-tree>
-<ng-template #noFile>
-  <label>{{'deposit.file.tree.noFile' | translate}}</label>
-</ng-template>
+  <h1>{{'deposit.file.title.filesOfDeposit' | translate}}</h1>
+  <dlcm-deposit-file-tree *ngIf="(listDataFileObs | async) | isNonEmptyArray; else noFile"
+                          [listDepositDataFile]="listDataFileObs | async"
+                          [isLoading]="isLoadingDataFileObs | async"
+                          [readonly]="readonly"
+                          (resumeChange)="resume($event)"
+                          (deleteChange)="delete($event)"
+                          (downloadChange)="download($event)"
+                          (refreshChange)="refresh()"
+  ></dlcm-deposit-file-tree>
+  <ng-template #noFile>
+    <label>{{'deposit.file.tree.noFile' | translate}}</label>
+  </ng-template>
+</div>

src/app/features/deposit/components/containers/deposit-file/deposit-file.container.scss

-.file-upload {
-  padding-bottom: 25px;
+@import "../../../../../../sass/abstracts/variables";
+@import "../../../../../../sass/abstracts/mixins";
+
+.form {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  > * {
+    width: 30%;
+
+    @include respond-to-breakpoint('xs') {
+      width: 85%;
+    }
+
+    @include respond-to-breakpoint('sm') {
+      width: 50%;
+    }
+
+    @include respond-to-breakpoint('md') {
+      width: 40%;
+    }
+  }
+
+  .file-upload {
+    padding-bottom: 25px;
+  }
 }
+