diff --git a/src/BloomBrowserUI/bookEdit/copyrightAndLicense/CopyrightAndLicenseDialog.tsx b/src/BloomBrowserUI/bookEdit/copyrightAndLicense/CopyrightAndLicenseDialog.tsx index 1ee421bbd9e9..5195feaf1e03 100644 --- a/src/BloomBrowserUI/bookEdit/copyrightAndLicense/CopyrightAndLicenseDialog.tsx +++ b/src/BloomBrowserUI/bookEdit/copyrightAndLicense/CopyrightAndLicenseDialog.tsx @@ -222,6 +222,8 @@ export const CopyrightAndLicenseDialog: React.FunctionComponent<{ css={css` padding-bottom: 0; margin-bottom: 0; + font-size: 20px; + font-weight: 500; `} /> { @@ -271,7 +273,11 @@ export const CopyrightAndLicenseDialog: React.FunctionComponent<{ css={css` .react-tabs__tab-panel--selected > div { padding: 0; // This cancels a rule in BloomUI.less which is too global - padding-top: 20px; + padding-top: 24px; + } + .react-tabs__tab { + font-size: 14px; + letter-spacing: 0.05em; } `} > diff --git a/src/BloomBrowserUI/bookEdit/copyrightAndLicense/CopyrightPanel.tsx b/src/BloomBrowserUI/bookEdit/copyrightAndLicense/CopyrightPanel.tsx index 3698704b1e64..a9a32ba78206 100644 --- a/src/BloomBrowserUI/bookEdit/copyrightAndLicense/CopyrightPanel.tsx +++ b/src/BloomBrowserUI/bookEdit/copyrightAndLicense/CopyrightPanel.tsx @@ -148,7 +148,7 @@ export const CopyrightPanel: React.FunctionComponent<{ error={!isYearValid} css={css` width: 150px; // Enough for slightly longer translations of the label; English only needs 100px - margin-bottom: 20px !important; + margin-bottom: 22px !important; // Hide the up/down control input { @@ -167,7 +167,7 @@ export const CopyrightPanel: React.FunctionComponent<{ required={true} error={!isHolderValid} css={css` - margin-bottom: 11px !important; + margin-bottom: 22px !important; `} /> {/* keeping this for now in case things change, but the restrictions on what can