diff --git a/src/components/FullDisplay/FullDisplay.scss b/src/components/FullDisplay/FullDisplay.scss index 9bd0bf35..e01e8586 100644 --- 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 index c111e2dd..8e55610d 100644 --- 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/Preview.scss b/src/components/Preview/Preview.scss index 0b583c83..a9dbc66a 100644 --- a/src/components/Preview/Preview.scss +++ b/src/components/Preview/Preview.scss @@ -102,9 +102,7 @@ } .details { - display: flex; - flex-direction: column; - align-items: center; + padding: 0.7rem; h5 { font-size: 0.95rem; diff --git a/src/components/Preview/TitledPreview.tsx b/src/components/Preview/TitledPreview.tsx index d11833d0..e4cbc0d6 100644 --- a/src/components/Preview/TitledPreview.tsx +++ b/src/components/Preview/TitledPreview.tsx @@ -39,17 +39,11 @@ export const TitledPreview = ({ )}
{title &&
{title}
} - {type && ( - - - - )}
); const navigateToOwnEditPage = () => selectedOwnId && navigateToEditPage(generateEditResourceUrl(selectedOwnId)); - const navigateToRefEditPage = () => refId && navigateToEditPage(generateEditResourceUrl(refId)); return (
@@ -66,7 +60,7 @@ export const TitledPreview = ({ type={ButtonType.Primary} className="toggle-entity-edit" data-testid="edit-self-as-ref" - onClick={navigateToRefEditPage} + onClick={navigateToOwnEditPage} >