space return

libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx

@@ -732,6 +732,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     setToggleExpander(!toggleExpander)
   }
 
+
   return (
     <section>
       <article>
@@ -944,9 +945,13 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                   {(configFilePath === '' && state.useFileConfiguration) && <div> No config file selected</div>}
                 </div>}
             >
+              <div className="d-flex align-items-center">
+                { <i ref={compileIcon} className="fas fa-sync remixui_iconbtn ml-4" aria-hidden="true"></i> }
+                <div className="d-flex justify-content-between align-items-center">
                   <span>
-                { <i ref={compileIcon} className="fas fa-sync remixui_iconbtn" aria-hidden="true"></i> }
                     <FormattedMessage id='solidity.compile' defaultMessage='Compile' />
+                  </span>
+                  <span className="ml-2">
                     {typeof state.compiledFileName === 'string'
                       ? extractNameFromKey(state.compiledFileName) ||
                         `<${intl.formatMessage({
@@ -958,6 +963,8 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                           defaultMessage: 'no file selected',
                         })}>`}
                   </span>
+                </div>
+              </div>
             </CustomTooltip>
           </button>
           <div className='d-flex align-items-center'>