changes to aisection

libs/remix-ui/statusbar/src/css/statusbar.css

@@ -16,6 +16,7 @@
 
 .remixui_statusbar_aistatusdisabled {
   text-decoration: line-through;
+  text-decoration-thickness: 3px;
 }
 
 /**

libs/remix-ui/statusbar/src/lib/components/aiStatus.tsx

@@ -33,12 +33,12 @@ export default function AIStatus(props: AIStatusProps) {
   }, [props.plugin.isAiActive])
   return (
     <CustomTooltip
-      tooltipText={copilotActive ? "Remix Copilot activated" : "Remix Copilot disabled."}
+      tooltipText={copilotActive ? "Remix Copilot activated" : "Remix Copilot disabled. To activate copilot, open a .sol file and toggle the ai switch at the top of the Ide"}
     >
-      <div className="d-flex flex-row pr-2 text-white justify-content-center align-items-center remixui_statusbar_aistatus">
-        <span className={copilotActive === false ? "fa-regular fa-microchip-ai ml-1 text-white remixui_statusbar_aistatusdisabled" : "fa-regular fa-microchip-ai ml-1"}></span>
+      <div className="d-flex flex-row pr-2 text-white justify-content-center align-items-center">
+        <span className={copilotActive === false ? "fa-regular fa-microchip-ai fa-xl ml-1 text-white remixui_statusbar_aistatusdisabled" : "fa-regular fa-microchip-ai fa-xl ml-1 text-white"}></span>
         <span className={copilotActive === false ? "small mx-1 text-white semi-bold" : "small mx-1 semi-bold" }>
-          {copilotActive === false ? 'Remix Copilot is disabled' : ''}
+          {copilotActive === false ? '' : ''}
         </span>
       </div>
     </CustomTooltip>