Fixed display of boolean value in compilation details and increased with of info container

libs/remix-ui/solidity-compiler/src/lib/contract-selection.tsx

@@ -20,7 +20,7 @@ export const ContractSelection = (props: ContractSelectionProps) => {
 
     setContractList(contractList)
     if (contractList.length) setSelectedContract(contractList[0].name)
-  }, [contractMap])
+  }, [contractMap, contractsDetails])
 
   const resetStorage = () => {
     setStorage('')
@@ -77,7 +77,7 @@ export const ContractSelection = (props: ContractSelectionProps) => {
         <TreeViewItem id={`treeViewItem${key}`} key={keyPath} label={
           <div className="d-flex mt-2 flex-row remixui_label_item">
             <label className="small font-weight-bold pr-1 remixui_label_key">{ key }:</label>
-            <label className="m-0 remixui_label_value">{ data.self }</label>
+            <label className="m-0 remixui_label_value">{ typeof data.self === 'boolean' ? `${data.self}` : data.self }</label>
           </div>
         }>
           <TreeView id={`treeView${key}`} key={keyPath}>
@@ -89,7 +89,7 @@ export const ContractSelection = (props: ContractSelectionProps) => {
       return <TreeViewItem id={key.toString()} key={keyPath} label={
         <div className="d-flex mt-2 flex-row remixui_label_item">
           <label className="small font-weight-bold pr-1 remixui_label_key">{ key }:</label>
-          <label className="m-0 remixui_label_value">{ data.self }</label>
+          <label className="m-0 remixui_label_value">{ typeof data.self === 'boolean' ? `${data.self}` : data.self }</label>
         </div>
       } />
     }
@@ -226,7 +226,7 @@ export const ContractSelection = (props: ContractSelectionProps) => {
               </div>
             </div>
           </article>
-        </section> : <section className="remixui_container clearfix"><article className="px-2 mt-2 pb-0 d-flex">
+        </section> : <section className="remixui_container clearfix"><article className="px-2 mt-2 pb-0 d-flex w-100">
           <span className="mt-2 mx-3 w-100 alert alert-warning" role="alert">No Contract Compiled Yet</span>
         </article></section>
       }