featured area restyling

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

@@ -38,49 +38,51 @@ function HomeTabFeatured() {
             >
               <div className="mx-1 px-1 d-flex">
                 <img src={"assets/img/bgRemi_small.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
-                <div className="h6 w-50 p-4" style={{ flex: "1" }}>
+                <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: "1" }}>
                   <h5><FormattedMessage id='home.jumpIntoWeb3' /></h5>
-                  
+                  <div style={{ fontSize: '0.8rem' }} className="mb-3"><FormattedMessage id='home.jumpIntoWeb3Text'/></div>
-                  <div><FormattedMessage id='home.jumpIntoWeb3Text'/></div>
                   <a
-                    className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3"
+                    className="remixui_home_text btn-sm btn-secondary mt-2 text-decoration-none mb-3"
                     onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'jumpIntoWeb3'])}
                     target="__blank"
-                    href="https://remix-project.org"><FormattedMessage
+                    href="https://remix-project.org"
-                    id='home.jumpIntoWeb3More'
+                  >
-                  /></a>
+                    <FormattedMessage id='home.jumpIntoWeb3More'/>
+                  </a>
                 </div>
               </div>
               <div className="mx-1 px-1 d-flex">
                 <a href="https://www.youtube.com/@EthereumRemix/videos"  target="__blank">
                   <img src={"/assets/img/YouTubeLogo.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
                 </a>
-                <div className="h6 w-50 p-4" style={{ flex: "1" }}>
+                <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: "1" }}>
                   <h5><FormattedMessage id='home.remixYouTube' /></h5>
-                  <p style={{ fontStyle: 'italic' }}><FormattedMessage id='home.remixYouTubeText1' /></p>
+                  <p style={{ fontStyle: 'italic', fontSize: '1rem'  }}><FormattedMessage id='home.remixYouTubeText1' /></p>
-                  <div><FormattedMessage id='home.remixYouTubeText2' /></div>
+                  <div style={{ fontSize: '0.8rem' }} className="mb-3"><FormattedMessage id='home.remixYouTubeText2' /></div>
                   <a
-                    className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3"
+                    className="remixui_home_text btn-sm btn-secondary mt-2 text-decoration-none mb-3"
                     onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'youTubeMore'])}
                     target="__blank"
-                    href="https://www.youtube.com/@EthereumRemix/videos"><FormattedMessage
+                    href="https://www.youtube.com/@EthereumRemix/videos"
-                    id='home.remixYouTubeMore'
+                  >
-                  /></a>
+                    <FormattedMessage id='home.remixYouTubeMore' />
+                  </a>
                 </div>
               </div>
               <div className="mx-1 px-1 d-flex">
                 <img src={"/assets/img/remixRewardBetaTester_small.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
-                <div className="h6 w-50 p-4" style={{ flex: "1" }}>
+                <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: "1" }}>
                   <h5><FormattedMessage id='home.betaTesting' /></h5>
-                  <p style={{ fontStyle: 'italic' }}><FormattedMessage id='home.betaTestingText1' /></p>
+                  <p style={{ fontStyle: 'italic', fontSize: '1rem' }}><FormattedMessage id='home.betaTestingText1' /></p>
-                  <div><FormattedMessage id='home.betaTestingText2' /></div>
+                  <div style={{ fontSize: '0.8rem' }} className="mb-3"><FormattedMessage id='home.betaTestingText2' /></div>
                   <a
-                    className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3"
+                    className="remixui_home_text btn-sm btn-secondary mt-2 text-decoration-none mb-3"
                     onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'betatesting'])}
                     target="__blank"
-                    href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform"><FormattedMessage
+                    href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform"
-                    id='home.betaTestingMore'
+                  >
-                  /></a>
+                    <FormattedMessage id='home.betaTestingMore' />
+                  </a>
                 </div>
               </div>
             </Carousel>