add info icon

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

@@ -621,6 +621,13 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
               </a>
             </div>
           }
+          <div className='d-flex align-items-center'>
+            <button id="compileBtn" data-id="compilerContainerCompileBtn" className="btn btn-primary btn-block d-block w-100 text-break remixui_solidityCompileButton d-inline-block remixui_disabled mb-1 mt-3" title="Compile" onClick={compile} disabled={disableCompileButton}>
+              <span>
+                { <i ref={compileIcon} className="fas fa-sync remixui_iconbtn" aria-hidden="true"></i> }
+                Compile { typeof state.compiledFileName === 'string' ? extractNameFromKey(state.compiledFileName) || '<no file selected>' : '<no file selected>' }
+              </span>
+            </button>
             <OverlayTrigger overlay={
                 <Tooltip id="overlay-tooltip">
                   <div className="text-left">
@@ -640,13 +647,9 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                   </div>
                 </Tooltip>
               }>
-          <button id="compileBtn" data-id="compilerContainerCompileBtn" className="btn btn-primary d-block w-100 text-break remixui_disabled mb-1 mt-3" title="Compile" onClick={compile} disabled={disableCompileButton}>
-            <span>
-              { <i ref={compileIcon} className="fas fa-sync remixui_iconbtn" aria-hidden="true"></i> }
-              Compile { typeof state.compiledFileName === 'string' ? extractNameFromKey(state.compiledFileName) || '<no file selected>' : '<no file selected>' }
-            </span>
-          </button>
+              <i className="ml-2 mt-3 mb-1 fas fa-info"></i>
             </OverlayTrigger>
+          </div>          
         </header>
       </article>
     </section>

libs/remix-ui/solidity-compiler/src/lib/css/style.css

@@ -172,10 +172,8 @@
   -webkit-animation: spin 2s infinite linear;
 }
 
-.remixui_tooltipCode {
-  text-align: left !important;
-  width: 400px !important;
-  background-color: #000 !important;
+.remixui_solidityCompileButton {
+  width: 94%;  
 }
 
 @keyframes spin {