fix(ang-853): fixed styles (#541)

Author: rnastyuk

src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.html

@@ -24,14 +24,13 @@
  @let fileVersionsValue = fileVersions();
 
  <div
- class="flex flex-column gap-3 align-items-start sm:flex-row sm:justify-content-between sm:align-items-center"
+ class="flex flex-column gap-2 align-items-start sm:flex-row sm:gap-4 sm:justify-content-between sm:align-items-center"
  >
  <p>{{ fileVersionsValue[0].name }}</p>
  <p class="white-space-nowrap">
  {{ 'preprints.details.file.version' | translate: { version: fileVersionsValue[0].id } }}
  </p>
  <p-button
- class="white-space-nowrap"
  severity="secondary"
  [label]="'preprints.details.file.downloadPreviousVersion' | translate"
  (click)="versionsMenu.toggle($event)"
@@ -48,7 +47,7 @@
  @if (file()) {
  @let preprintValue = preprint()!;
 
- <div class="flex flex-column gap-1 justify-content-start md:flex-row">
+ <div class="flex flex-column gap-2 justify-content-start md:flex-row">
  <span>{{ dateLabel() | translate }}: {{ preprintValue.dateCreated | date: 'longDate' }}</span>
  @if (isMedium() || isLarge()) {
  <span>|</span>