cleanup custom logic

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

@@ -270,7 +270,7 @@ contract HelloWorld {
             </div>
           )}
         </div>
-        <div className="d-flex flex-column flex-wrap pt-3">
+        <div className="d-flex flex-column flex-nowrap pt-3">
           <label style={{ fontSize: '1.2rem' }}>
             <FormattedMessage id="home.files" />
           </label>
@@ -309,26 +309,14 @@ contract HelloWorld {
             Gist
               </button>
 
-              {innerHeight <= 781 && innerWidth <= 1150 ? (
-                <button
-                  className="btn text-nowrap p-2 mr-2 border my-1"
-                  onClick={() =>
-                    showFullMessage('Https', 'http/https raw content', ['https://raw.githubusercontent.com/OpenZeppelin/openzeppelin-contracts/master/contracts/token/ERC20/ERC20.sol'])
-                  }
-                  style={{ opacity: 0 }}
-                >
+              <button
+                className="btn text-nowrap p-2 mr-2 border my-1"
+                onClick={() =>
+                  showFullMessage('Https', 'http/https raw content', ['https://raw.githubusercontent.com/OpenZeppelin/openzeppelin-contracts/master/contracts/token/ERC20/ERC20.sol'])
+                }
+              >
             HTTPS
-                </button>
-              ) : (
-                <button
-                  className="btn text-nowrap p-2 mr-2 border my-1"
-                  onClick={() =>
-                    showFullMessage('Https', 'http/https raw content', ['https://raw.githubusercontent.com/OpenZeppelin/openzeppelin-contracts/master/contracts/token/ERC20/ERC20.sol'])
-                  }
-                >
-            HTTPS
-                </button>
-              )}
+              </button>
             </div>
           </div>
           <div className="d-flex mt-2 align-items-end w-100">

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

@@ -149,7 +149,7 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
       <div ref={carouselRefDiv} className="w-100 d-flex flex-column pt-1">
         <ThemeContext.Provider value={themeFilter}>
           <div className="pt-3">
-            <div className="d-flex flex-row align-items-center mb-3 flex-wrap">
+            <div className="d-flex flex-row align-items-center mb-3 flex-nowrap">
               {workspaceTemplates.slice(0, 3).map((template, index) => (
                 <CustomTooltip tooltipText={template.description} tooltipId={template.gsID} tooltipClasses="text-nowrap" tooltipTextClasses="border bg-light text-dark p-1 pr-3" placement="top-start" key={`${template.gsID}-${template.workspaceTitle}-${index}`}>
                   <button
@@ -165,7 +165,7 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
                 </CustomTooltip>
               ))}
             </div>
-            <div className="d-flex flex-row align-items-center mb-2 flex-wrap">
+            <div className="d-flex flex-row align-items-center mb-2 flex-nowrap">
               {workspaceTemplates.slice(3, workspaceTemplates.length).map((template, index) => (
                 <CustomTooltip tooltipText={template.description} tooltipId={template.gsID} tooltipClasses="text-nowrap" tooltipTextClasses="border bg-light text-dark p-1 pr-3" placement="bottom-start" key={`${template.gsID}-${template.workspaceTitle}-${index}`}>
                   <button