Merge pull request #13136 from overleaf/mj-figure-modal-spacing

[cm6] Adjust spacing in figure modal

GitOrigin-RevId: dc18186ff422292648d58c6d99718cc33e4d0f84
This commit is contained in:
Mathias Jakobsen 2023-05-19 09:30:32 +01:00 committed by Copybot
parent 5c95c907ec
commit 948d56e809
4 changed files with 16 additions and 7 deletions

View file

@ -49,7 +49,10 @@ export const FileRelocator = ({
return ( return (
<> <>
<label htmlFor="figure-modal-relocated-file-name"> <label
htmlFor="figure-modal-relocated-file-name"
className="figure-modal-input-label"
>
{t('file_name_in_this_project_figure_modal')} {t('file_name_in_this_project_figure_modal')}
</label> </label>
<FileNameInput <FileNameInput

View file

@ -161,7 +161,7 @@ export const FigureModalOtherProjectSource: FC = () => {
<div> <div>
or{' '} or{' '}
<Button <Button
className="px-0" className="p-0"
bsStyle="link" bsStyle="link"
type="button" type="button"
onClick={() => setUsingOutputFiles(value => !value)} onClick={() => setUsingOutputFiles(value => !value)}

View file

@ -72,7 +72,12 @@ export const FigureModalUrlSource: FC = () => {
return ( return (
<> <>
<label htmlFor="figure-modal-url-url">{t('image_url')}</label> <label
htmlFor="figure-modal-url-url"
className="figure-modal-input-label"
>
{t('image_url')}
</label>
<input <input
id="figure-modal-url-url" id="figure-modal-url-url"
type="text" type="text"

View file

@ -98,10 +98,6 @@
cursor: pointer; cursor: pointer;
} }
.figure-modal-upload {
margin-bottom: 16px;
}
.figure-modal-source-button-row { .figure-modal-source-button-row {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -143,3 +139,8 @@
margin-right: 6px; margin-right: 6px;
} }
} }
.figure-modal-input-label:not(:first-child),
.figure-modal .select-wrapper:not(:first-child) {
margin-top: 16px;
}