From 51eb7c51108dd06bee87943802aa617c00765b75 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Tue, 11 Jun 2024 10:03:11 +0100
Subject: [PATCH] fix css for featured section.

---
 .../remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx | 5 +----
 libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx    | 4 ++--
 .../home-tab/src/lib/components/homeTablangOptions.tsx       | 5 ++---
 libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx         | 2 +-
 4 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
index f1d3e02307..955134c9a0 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
+++ b/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}>
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
index 3e092a1817..d6464097cd 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
+++ b/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>
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTablangOptions.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTablangOptions.tsx
index 20af27a203..0bd79445e9 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTablangOptions.tsx
+++ b/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>
diff --git a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
index 9f71d6a07b..fac0ec5bab 100644
--- a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
+++ b/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()