fix: UILD-421: Multiple instances: style, navigation fixes

folio-org · Dec 9, 2024 · b85b351 · b85b351
1 parent e797005
commit b85b351
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 8 deletions.
diff --git a/src/components/FullDisplay/FullDisplay.scss b/src/components/FullDisplay/FullDisplay.scss
@@ -9,7 +9,7 @@
     .preview-contents-container {
       height: 100%;
       overflow-y: scroll;
-      padding: 0.938rem;
+      padding: 0.938rem 0;
       padding-bottom: 4rem;
     }
 

diff --git a/src/components/InstancesList/InstancesList.scss b/src/components/InstancesList/InstancesList.scss
@@ -24,19 +24,29 @@
     }
 
     tr {
-      padding: 0.5rem 0
+      padding: 0.5rem 0;
     }
 
-    .button-primary {
-      margin: 0.4rem 0;
+    .publisher,
+    .publication-date {
+      max-width: 10rem;
     }
 
-    .button-link {
-      text-decoration: underline;
+    .title {
+      .button-link {
+        text-decoration: underline;
+        text-align: left;
+        height: 100%;
+      }
     }
 
     .edit-ctl {
       width: 0.5rem;
+
+      .button-primary {
+        margin: 0.4rem 0;
+        font-weight: 600;
+      }
     }
 
     td {

diff --git a/src/components/Preview/TitledPreview.tsx b/src/components/Preview/TitledPreview.tsx
@@ -49,7 +49,6 @@ export const TitledPreview = ({
   );
 
   const navigateToOwnEditPage = () => selectedOwnId && navigateToEditPage(generateEditResourceUrl(selectedOwnId));
-  const navigateToRefEditPage = () => refId && navigateToEditPage(generateEditResourceUrl(refId));
 
   return (
     <div className="titled-preview">
@@ -66,7 +65,7 @@ export const TitledPreview = ({
             type={ButtonType.Primary}
             className="toggle-entity-edit"
             data-testid="edit-self-as-ref"
-            onClick={navigateToRefEditPage}
+            onClick={navigateToOwnEditPage}
           >
             <FormattedMessage id="ld.editWork" />
           </Button>