updates to scam alert status bar section

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

@@ -17,7 +17,7 @@ function HomeTabFeatured() {
         <FormattedMessage id="home.featured" />
       </label>
       <div className="mb-2">
-        <div className="w-100 d-flex flex-column" style={{ height: '300px' }}>
+        <div className="w-100 d-flex flex-column rounded-3" style={{ height: '300px' }}>
           <ThemeContext.Provider value={themeFilter}>
             <Carousel
               arrows={false}
@@ -42,9 +42,6 @@ function HomeTabFeatured() {
               dotListClass="position-relative mt-2"
             >
               <div className="mr-1 pr-1 d-flex">
-                <a href={releaseDetails.moreLink} target="__blank">
-                  <img src={'assets/img/remi_drums_whatsnew.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
-                </a>
                 <div className="h6 w-50 p-2 pl-4 align-self-center" style={{ flex: '1' }}>
                   <h5>{releaseDetails.version} {releaseDetails.title}</h5>
                   <div style={{ fontSize: '0.8rem' }} className="mb-3">
@@ -64,11 +61,11 @@ function HomeTabFeatured() {
                     {releaseDetails.more}
                   </a>
                 </div>
+                <a href={releaseDetails.moreLink} target="__blank">
+                  <img src={'assets/img/remi_drums_whatsnew.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
+                </a>
               </div>
               <div className="mr-1 pr-1 d-flex">
-                <a href="https://remix-project.org" target="__blank">
-                  <img src={'assets/img/bgRemi_small.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
-                </a>
                 <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>
                     <FormattedMessage id="home.jumpIntoWeb3" />
@@ -85,11 +82,11 @@ function HomeTabFeatured() {
                     <FormattedMessage id="home.jumpIntoWeb3More" />
                   </a>
                 </div>
+                <a href="https://remix-project.org" target="__blank">
+                  <img src={'assets/img/bgRemi_small.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
+                </a>
               </div>
               <div className="mr-1 pr-1 d-flex">
-                <a href="https://www.youtube.com/@EthereumRemix/videos" target="__blank">
-                  <img src={'/assets/img/YouTubeLogo.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
-                </a>
                 <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>
                     <FormattedMessage id="home.remixYouTube" />
@@ -109,11 +106,11 @@ function HomeTabFeatured() {
                     <FormattedMessage id="home.remixYouTubeMore" />
                   </a>
                 </div>
+                <a href="https://www.youtube.com/@EthereumRemix/videos" target="__blank">
+                  <img src={'/assets/img/YouTubeLogo.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
+                </a>
               </div>
               <div className="mr-1 pr-1 d-flex">
-                <a href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform" target="__blank">
-                  <img src={'/assets/img/remixRewardBetaTester_small.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
-                </a>
                 <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>
                     <FormattedMessage id="home.betaTesting" />
@@ -133,6 +130,9 @@ function HomeTabFeatured() {
                     <FormattedMessage id="home.betaTestingMore" />
                   </a>
                 </div>
+                <a href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform" target="__blank">
+                  <img src={'/assets/img/remixRewardBetaTester_small.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
+                </a>
               </div>
             </Carousel>
           </ThemeContext.Provider>

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

@@ -53,24 +53,22 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
       })
     })
   }, [])
-
+  //  border-right
   return (
     <div className="d-flex flex-column w-100 h-100" data-id="remixUIHTAll">
       <ThemeContext.Provider value={state.themeQuality}>
         <div className="d-flex flex-row w-100 h-100 custom_home_bg">
-          <div className="px-2 pl-3 justify-content-start d-flex border-right flex-column" id="remixUIHTLeft" style={{ width: 'inherit' }}>
+          <div className="px-2 pl-3 justify-content-start border-right d-flex flex-column" id="remixUIHTLeft" style={{ width: 'inherit' }}>
             <HomeTabTitle />
             <HomeTabGetStarted plugin={plugin}></HomeTabGetStarted>
             {!(platform === appPlatformTypes.desktop) ?
               <HomeTabFile plugin={plugin} />:
               <HomeTabFileElectron plugin={plugin}></HomeTabFileElectron>}
-            {/* <HomeTabLearn plugin={plugin} /> */}
           </div>
           <div className="pl-2 pr-3 justify-content-start d-flex flex-column" style={{ width: '65%' }} id="remixUIHTRight">
             <LanguageOptions plugin={plugin}/>
             <HomeTabFeatured></HomeTabFeatured>
             <HomeTabFeaturedPlugins plugin={plugin}></HomeTabFeaturedPlugins>
-            {/* <HomeTabScamAlert></HomeTabScamAlert> */}
           </div>
         </div>
       </ThemeContext.Provider>

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

@@ -12,8 +12,9 @@ export default function ScamAlertStatus ({ refs, getReferenceProps }: ScamAlertS
 
   return (
     <>
-      <div className="bg-danger p-1" id="hTScamAlertSection" ref={refs.setReference} {...getReferenceProps()}>
-        <label className="text-white small">
+      <div className="p-1" id="hTScamAlertSection" ref={refs.setReference} {...getReferenceProps()}>
+        <span className="pr-2 text-danger far fa-exclamation-triangle" style={{ color: '#ff8559', fontSize: 'large' }}></span>
+        <label className="text-white font-semibold">
           <FormattedMessage id="home.scamAlert" />
         </label>
       </div>

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

@@ -18,7 +18,7 @@ export default function ScamDetails ({ refs, floatStyle }: ScamDetailsProps) {
       className="py-2 ml-2 mb-1 align-self-end mb-2 d-flex w-25 bg-danger border border-danger"
     >
       <span className="align-self-center pl-4 mt-1">
-        <i style={{ fontSize: 'xxx-large', fontWeight: 'lighter' }} className="pr-2 text-warning far fa-exclamation-triangle"></i>
+        <i style={{ fontSize: 'xxx-large', fontWeight: 'lighter', color: 'orange' }} className="pr-2 far fa-exclamation-triangle"></i>
       </span>
       <div className="d-flex flex-column text-white">
         <span className="pl-4 mt-1">