fix(preprint-details): fixed buttons width

Author: nsemets

src/app/features/preprints/components/preprint-details/share-and-download/share-and-download.component.html

@@ -1,7 +1,7 @@
 <div class="flex align-items-center gap-2">
   <p-button
-    class="btn-icon-only"
-    icon="fas fa-download"
+    icon="fas fa-download text-2xl"
+    styleClass="px-4"
     [pTooltip]="
       'preprints.details.share.downloadPreprint' | translate: { documentType: preprintProvider()?.preprintWord }
     "

src/app/features/preprints/pages/preprint-details/preprint-details.component.html

@@ -45,8 +45,8 @@ <h1>{{ preprint()?.title }}</h1>
         <p-skeleton width="11rem" height="2.75rem" />
         <p-skeleton width="11rem" height="2.75rem" />
         <p-skeleton width="11rem" height="2.75rem" />
-        <p-skeleton width="2.75rem" height="2.75rem" />
-        <p-skeleton width="5rem" height="2.75rem" />
+        <p-skeleton width="3.125rem" height="2.75rem" />
+        <p-skeleton width="3.125rem" height="2.75rem" />
       } @else {
         @if (editButtonVisible()) {
           <p-button

src/app/shared/components/socials-share-button/socials-share-button.component.html

@@ -1,11 +1,11 @@
 <p-button
-  class="flex"
-  (onClick)="socialsActionMenu.toggle($event)"
+  icon="fas fa-share-nodes text-2xl"
+  styleClass="px-4"
   [pTooltip]="'project.overview.tooltips.share' | translate"
   tooltipPosition="bottom"
   [ariaLabel]="'project.overview.tooltips.share' | translate"
+  (onClick)="socialsActionMenu.toggle($event)"
 >
-  <i class="fas fa-share-nodes text-2xl"></i>
   <p-menu appendTo="body" #socialsActionMenu [model]="socialsActionItems()" popup>
     <ng-template #item let-item>
       <a class="p-menu-item-link" [href]="item.url" target="_blank" rel="noopener noreferrer">