css and tooltips

apps/remix-ide/src/app/tabs/locales/en/udapp.json

@@ -68,7 +68,7 @@
 
   "udapp._comment_instanceContainerUI.tsx": "libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx",
   "udapp.deployedContracts": "Deployed Contracts ",
-  "udapp.deployAndRunClearInstances": "Clear instances list and reset recorder",
+  "udapp.deployAndRunClearInstances": "Delete all deployed contracts (including pinned) and reset recorder",
   "udapp.deployAndRunNoInstanceText": "Currently you have no unpinned contracts to interact with.",
   "udapp.tooltipText6": "Autogenerated generic user interfaces for interaction with deployed contracts",
 
@@ -108,7 +108,7 @@
   "udapp.tooltipText13": "Deployed {date}",
 
   "udapp._comment_universalDappUI.tsx": "libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx",
-  "udapp.tooltipTextRemove": "Remove from the list",
+  "udapp.tooltipTextRemove": "Remove permanently from the list",
   "udapp.tooltipTextEdit": "Create a DApp using this contract in the main panel",
   "udapp.tooltipTextPin": "Pin contract",
   "udapp.tooltipText8": "Click for docs about using 'receive'/'fallback'",

libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx

@@ -14,8 +14,8 @@ export function InstanceContainerUI(props: InstanceContainerProps) {
   }
 
   return (
-    <div className="udapp_instanceContainer mt-3 border-0 list-group-item">
+    <div className="udapp_instanceContainer mt-2 border-0 list-group-item">
-      <div className="d-flex justify-content-between align-items-center pl-2 mb-2 mt-2">
+      <div className="d-flex justify-content-between align-items-center p-2">
         <CustomTooltip placement="top-start" tooltipClasses="text-nowrap" tooltipId="deployAndRunClearInstancesTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText6" />}>
           <label className="udapp_deployedContracts" data-id="unpinnedContracts">
             <FormattedMessage id="udapp.deployedContracts" />
@@ -29,7 +29,7 @@ export function InstanceContainerUI(props: InstanceContainerProps) {
             tooltipId="deployAndRunClearInstancesTooltip"
             tooltipText={<FormattedMessage id="udapp.deployAndRunClearInstances" />}
           >
-            <i className="mr-1 p-2 udapp_icon far fa-trash-alt" data-id="deployAndRunClearInstances" onClick={clearInstance} aria-hidden="true"></i>
+            <i className="far fa-trash-alt udapp_icon mr-1 mb-2" data-id="deployAndRunClearInstances" onClick={clearInstance} aria-hidden="true"></i>
           </CustomTooltip>
         ) : null}
       </div>