fix css for featured section.

libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx

@@ -12,10 +12,7 @@ function HomeTabFeatured() {
   const themeFilter = useContext(ThemeContext)
 
   return (
-    <div className="pt-3 pl-2" id="hTFeaturedeSection">
-      {/* <label style={{ fontSize: '1.2rem' }}>
-        <FormattedMessage id="home.featured" />
-      </label> */}
+    <div className="pt-1 pl-2" id="hTFeaturedeSection">
       <div className="mb-2 remix_ui-carousel-container">
         <div className="w-100 d-flex flex-column rounded-3 remix_ui-carouselbox">
           <ThemeContext.Provider value={themeFilter}>

libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx

@@ -319,9 +319,9 @@ contract HelloWorld {
               </button>
             </div>
           </div>
-          <div className="d-flex mt-2 align-items-end">
+          <div className="d-flex mt-2 align-items-end w-100">
             <CustomTooltip placement={'top'} tooltipId="overlay-tooltip" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="home.connectToLocalhost" />} tooltipTextClasses="border bg-light text-dark p-1 pr-3">
-              <button className="btn btn-block w-100 text-nowrap p-2 border my-1" style={{ width: 'fit-content' }} onClick={() => connectToLocalhost()}>
+              <button className="btn btn-block text-nowrap p-2 border my-1" onClick={() => connectToLocalhost()}>
                 <i className="fa-regular fa-desktop pr-2"></i>
                 <FormattedMessage id="home.accessFileSystem" />
               </button>

libs/remix-ui/home-tab/src/lib/components/homeTablangOptions.tsx

@@ -25,9 +25,8 @@ export function LanguageOptions({ plugin }: { plugin: any }) {
 
   return (
     <>
-      {/* <div className="" style={{ position: 'absolute', right: "1rem", paddingTop: "0.4rem" }}> */}
-      <div className="d-flex justify-content-between w-100 align-items-center">
-        <label style={{ fontSize: '1.2rem' }}>
+      <div className="d-flex justify-content-between w-100 align-items-center pt-4">
+        <label style={{ fontSize: '1.2rem' }} className="ml-2 pb-0 mb-0">
           <FormattedMessage id="home.featured" />
         </label>
         <Dropdown>

libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx

@@ -61,7 +61,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
       const height = window.innerHeight
 
       if (height < 781 && width < 1150) {
-        setCarouselWidth(80)
+        setCarouselWidth(75)
       }
     }
     checkResolution()