From d7055a35b3b4ac88eeee89f71cc8e9b0cae61b92 Mon Sep 17 00:00:00 2001
From: nsemets <nsemets@exoft.net>
Date: Wed, 24 Sep 2025 18:24:23 +0300
Subject: [PATCH] fix(preprint): fixed some styles

---
 src/app/features/files/pages/files/files.component.ts       | 2 --
 .../additional-info/additional-info.component.html          | 2 +-
 .../general-information/general-information.component.html  | 2 +-
 .../preprint-doi-section.component.html                     | 4 +++-
 .../preprint-file-section.component.html                    | 6 +++---
 .../pages/preprint-details/preprint-details.component.html  | 2 +-
 src/styles/_common.scss                                     | 4 ++++
 7 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/app/features/files/pages/files/files.component.ts b/src/app/features/files/pages/files/files.component.ts
index 7a1575f04..9a32d0a7d 100644
--- a/src/app/features/files/pages/files/files.component.ts
+++ b/src/app/features/files/pages/files/files.component.ts
@@ -6,7 +6,6 @@ import { TreeDragDropService } from 'primeng/api';
 import { Button } from 'primeng/button';
 import { Dialog } from 'primeng/dialog';
 import { DialogService } from 'primeng/dynamicdialog';
-import { FloatLabel } from 'primeng/floatlabel';
 import { Select } from 'primeng/select';
 import { TableModule } from 'primeng/table';
 
@@ -85,7 +84,6 @@ import { FilesSelectors } from '../../store';
     Button,
     Dialog,
     FilesTreeComponent,
-    FloatLabel,
     FormSelectComponent,
     FormsModule,
     GoogleFilePickerComponent,
diff --git a/src/app/features/preprints/components/preprint-details/additional-info/additional-info.component.html b/src/app/features/preprints/components/preprint-details/additional-info/additional-info.component.html
index 5accbda77..2b95bc550 100644
--- a/src/app/features/preprints/components/preprint-details/additional-info/additional-info.component.html
+++ b/src/app/features/preprints/components/preprint-details/additional-info/additional-info.component.html
@@ -23,7 +23,7 @@ <h3>{{ 'preprints.details.originalPublicationDate' | translate }}</h3>
         <section class="flex flex-column gap-2">
           <h3>{{ 'preprints.details.publicationDoi' | translate }}</h3>
 
-          <a [href]="preprint()?.articleDoiLink">
+          <a class="font-bold word-break-word" [href]="preprint()?.articleDoiLink">
             {{ preprint()?.articleDoiLink }}
           </a>
         </section>
diff --git a/src/app/features/preprints/components/preprint-details/general-information/general-information.component.html b/src/app/features/preprints/components/preprint-details/general-information/general-information.component.html
index 7c5456018..baa5c1279 100644
--- a/src/app/features/preprints/components/preprint-details/general-information/general-information.component.html
+++ b/src/app/features/preprints/components/preprint-details/general-information/general-information.component.html
@@ -14,7 +14,7 @@ <h3>{{ 'preprints.preprintStepper.common.labels.abstract' | translate }}</h3>
       @if (preprintValue.nodeId) {
         <section class="flex flex-column gap-2">
           <h3>{{ 'preprints.details.supplementalMaterials' | translate }}</h3>
-          <a [href]="nodeLink()" class="flex gap-1">
+          <a class="font-bold flex gap-1" [href]="nodeLink()">
             {{ nodeLink() }}
             <osf-icon iconClass="fa fa-external-link-alt" />
           </a>
diff --git a/src/app/features/preprints/components/preprint-details/preprint-doi-section/preprint-doi-section.component.html b/src/app/features/preprints/components/preprint-details/preprint-doi-section/preprint-doi-section.component.html
index b80742bf6..cceb3171b 100644
--- a/src/app/features/preprints/components/preprint-details/preprint-doi-section/preprint-doi-section.component.html
+++ b/src/app/features/preprints/components/preprint-details/preprint-doi-section/preprint-doi-section.component.html
@@ -15,7 +15,9 @@ <h3>{{ 'preprints.details.doi.title' | translate: { documentType: preprintProvid
   />
   @if (preprintValue.preprintDoiLink) {
     @if (preprintValue.preprintDoiCreated) {
-      <a [href]="preprintValue.preprintDoiLink">{{ preprintValue.preprintDoiLink }}</a>
+      <a class="font-bold word-break-word" [href]="preprintValue.preprintDoiLink">
+        {{ preprintValue.preprintDoiLink }}
+      </a>
     } @else {
       <p>{{ preprintValue.preprintDoiLink }}</p>
       <p>{{ 'preprints.details.doi.pendingDoiMinted' | translate }}</p>
diff --git a/src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.html b/src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.html
index d42a94e53..292fc8b30 100644
--- a/src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.html
+++ b/src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.html
@@ -23,16 +23,16 @@
     @if (fileVersions().length) {
       @let fileVersionsValue = fileVersions();
 
-      <div class="flex flex-row align-items-center">
+      <div class="flex flex-column align-items-start sm:flex-row sm:justify-content-between sm:align-items-center">
         <p>{{ fileVersionsValue[0].name }}</p>
-        <p class="m-auto">{{ 'preprints.details.file.version' | translate: { version: fileVersionsValue[0].id } }}</p>
+        <p>{{ 'preprints.details.file.version' | translate: { version: fileVersionsValue[0].id } }}</p>
         <p-button
           severity="info"
           [label]="'preprints.details.file.downloadPreviousVersion' | translate"
           (click)="versionsMenu.toggle($event)"
         />
 
-        <p-menu #versionsMenu [model]="versionMenuItems()" appendTo="body" popup />
+        <p-menu #versionsMenu [model]="versionMenuItems()" appendTo="body" popup class="hidden" />
       </div>
     }
 
diff --git a/src/app/features/preprints/pages/preprint-details/preprint-details.component.html b/src/app/features/preprints/pages/preprint-details/preprint-details.component.html
index 31deb22f2..3fe079bf1 100644
--- a/src/app/features/preprints/pages/preprint-details/preprint-details.component.html
+++ b/src/app/features/preprints/pages/preprint-details/preprint-details.component.html
@@ -8,7 +8,7 @@
         </div>
       } @else {
         <div class="flex flex-column gap-3 md:flex-row">
-          <img alt="Provider Logo" height="36" [src]="preprintProvider()!.brand.heroLogoImageUrl" />
+          <img class="fit-contain" alt="Provider Logo" height="36" [src]="preprintProvider()!.brand.heroLogoImageUrl" />
           <h1>{{ preprint()!.title }}</h1>
         </div>
       }
diff --git a/src/styles/_common.scss b/src/styles/_common.scss
index 4cfe1c047..28485d8ac 100644
--- a/src/styles/_common.scss
+++ b/src/styles/_common.scss
@@ -80,6 +80,10 @@
   white-space: nowrap;
 }
 
+.word-break-word {
+  word-break: break-word;
+}
+
 // ------------------------- Universal custom hover state -------------------------
 
 .custom-dark-hover:hover:not(:disabled) {