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

[cm6] Adjust spacing in figure modal

GitOrigin-RevId: dc18186ff422292648d58c6d99718cc33e4d0f84

services/web/frontend/js/features/source-editor/components/figure-modal/file-relocator.tsx

@@ -49,7 +49,10 @@ export const FileRelocator = ({
 
   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')}
       </label>
       <FileNameInput

services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-other-project-source.tsx

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

services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-url-source.tsx

@@ -72,7 +72,12 @@ export const FigureModalUrlSource: FC = () => {
 
   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
         id="figure-modal-url-url"
         type="text"

services/web/frontend/stylesheets/app/editor/figure-modal.less

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