From 97e1dcde7c97286c265c55e17e2ee9017a74bc24 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 22 Aug 2022 18:21:04 +0200
Subject: [PATCH] added Using Remix Safely, fixing FE scroll

---
 libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx       | 3 +++
 libs/remix-ui/workspace/src/lib/css/remix-ui-workspace.css | 6 ------
 libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx     | 4 ++--
 3 files changed, 5 insertions(+), 8 deletions(-)

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 3fd567303f..14d7f79d27 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
@@ -237,6 +237,9 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
                   Beware of online videos promoting "liquidity front runner bots". 
                   <a className="pl-2 remixui_home_text" target="__blank" href="https://medium.com/remix-ide/remix-in-youtube-crypto-scams-71c338da32d">Learn more</a>
                 </span>
+                <span className="pl-4 text-danger mt-1">
+                  <a className="remixui_home_text" target="__blank" href="https://remix-ide.readthedocs.io/en/latest/security.html">Using Remix Safely</a>
+                </span>
               </div>
             </div>
             <div className="mr-4 d-flex">
diff --git a/libs/remix-ui/workspace/src/lib/css/remix-ui-workspace.css b/libs/remix-ui/workspace/src/lib/css/remix-ui-workspace.css
index 6ddf87c81c..db1165b494 100644
--- a/libs/remix-ui/workspace/src/lib/css/remix-ui-workspace.css
+++ b/libs/remix-ui/workspace/src/lib/css/remix-ui-workspace.css
@@ -6,13 +6,7 @@
     box-sizing        : border-box;
   }
   .remixui_fileexplorer       {
-    display           : flex;
-    flex-direction    : column;
     position          : relative;
-    width             : 100%;
-    padding-left      : 6px;
-    padding-right     : 6px;
-    padding-top       : 6px;
     overflow-y        : auto;
   }
   .remixui_fileExplorerTree   {
diff --git a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
index f96a252c26..ee52a4f2bd 100644
--- a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
+++ b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
@@ -189,7 +189,7 @@ export function Workspace () {
 
   return (
     <div className='px-2 remixui_container'>
-      <div className='remixui_fileexplorer' data-id="remixUIWorkspaceExplorer" onClick={resetFocus}>
+      <div className='d-flex flex-column w-100 remixui_fileexplorer' data-id="remixUIWorkspaceExplorer" onClick={resetFocus}>
         <div>
           <header>
             <div className="mb-2">
@@ -299,7 +299,7 @@ export function Workspace () {
         <div className='h-100 remixui_fileExplorerTree' onFocus={() => { toggleDropdown(false) }}>
           <div className='h-100'>
             { global.fs.browser.isRequestingWorkspace || global.fs.browser.isRequestingCloning ? <div className="text-center py-5"><i className="fas fa-spinner fa-pulse fa-2x"></i></div>
-              : <div className='pl-2 remixui_treeview' data-id='filePanelFileExplorerTree'>
+              : <div className='h-100 remixui_treeview' data-id='filePanelFileExplorerTree'>
                 { (global.fs.mode === 'browser') && (currentWorkspace !== NO_WORKSPACE) &&
                     <FileExplorer
                       name={currentWorkspace}