diff --git a/src/components/molecules/MetadataPreview.module.css b/src/components/molecules/MetadataPreview.module.css index e1a14e9b6..3e894e133 100644 --- a/src/components/molecules/MetadataPreview.module.css +++ b/src/components/molecules/MetadataPreview.module.css @@ -1,5 +1,6 @@ .preview { font-size: var(--font-size-small); + margin-top: calc(var(--spacer) / 2); margin-bottom: var(--spacer); } diff --git a/src/components/pages/Publish/FormPublish.module.css b/src/components/pages/Publish/FormPublish.module.css index 668d286a3..6b4b09367 100644 --- a/src/components/pages/Publish/FormPublish.module.css +++ b/src/components/pages/Publish/FormPublish.module.css @@ -1,6 +1,9 @@ .form { composes: box from '../../atoms/Box.module.css'; margin-bottom: var(--spacer); + border-top: none; + border-top-left-radius: 0; + border-top-right-radius: 0; } .actions { diff --git a/src/components/pages/Publish/index.module.css b/src/components/pages/Publish/index.module.css index f15964a24..af5f8bbf5 100644 --- a/src/components/pages/Publish/index.module.css +++ b/src/components/pages/Publish/index.module.css @@ -1,6 +1,14 @@ +.tabs ul[class*='tabList'] { + background-color: var(--background-body); + border: 1px solid var(--border-color); + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius); +} + .tabs div[class*='tabContent'] { padding-left: 0; padding-right: 0; + padding-top: 0; } .grid { @@ -21,6 +29,11 @@ div.alert { grid-template-columns: 1.618fr 1fr; } + .tabs ul[class*='tabList'] { + /* fake the above 1.618fr column */ + max-width: calc((100% / 1.618) - calc(var(--spacer) / 1.075)); + } + .sticky { position: sticky; top: calc(var(--spacer) / 2);