e2e

no shift on focus

apps/remix-ide-e2e/src/tests/terminal.test.ts

@@ -97,7 +97,7 @@ module.exports = {
       .switchEnvironment('vm-london')
       .click('*[data-id="terminalClearConsole"]') // clear the terminal
       .clickLaunchIcon('filePanel')
-      .click('*[data-id="treeViewDivtreeViewItem"]') // make sure we create the file at the root folder
+      .click('*[data-id="treeViewDivMenu"]') // make sure we create the file at the root folder
       .addFile('deployWithEthersJs.js', { content: deployWithEthersJs })
       // .openFile('deployWithEthersJs.js')
       .pause(1000)

libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.tsx

@@ -24,7 +24,7 @@ export const TreeViewItem = (props: TreeViewItemProps) => {
         ) : icon ? (
           <div className={`pr-2 pl-2 ${icon} caret caret_tv`}></div>
         ) : null}
-        <span className="w-100 pl-3">{label}</span>
+        <span className="w-100 ml-1 pl-2">{label}</span>
       </div>
       {isExpanded ? children : null}
     </li>

libs/remix-ui/workspace/src/lib/components/file-render.tsx

@@ -85,8 +85,8 @@ export const FileRender = (props: RenderFileProps) => {
     return (
       <TreeViewItem
         id={`treeViewItem${file.path}`}
-        iconX="pr-2 fa fa-folder"
-        iconY={props.expandPath.includes(file.path) ? 'pr-0 fa fa-folder-open' : 'pr-0 fa fa-folder'}
+        iconX="mr-2 fa fa-folder"
+        iconY={props.expandPath.includes(file.path) ? 'fa fa-folder-open' : 'fa fa-folder'}
         key={`${file.path + props.index}`}
         label={
           <>