From e807236b62237ce3b134b9fea7446253b20ecd5c Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Wed, 16 Nov 2022 13:48:13 +0100
Subject: [PATCH] udapp min size fixed

---
 .../remix-app/components/dragbar/dragbar.tsx  |  2 +-
 .../app/src/lib/remix-app/remix-app.tsx       |  2 +-
 .../src/lib/components/custom-dropdown.tsx    |  2 +-
 .../src/lib/publish-to-storage.tsx            |  1 -
 .../src/lib/components/environment.tsx        | 38 +++++++++++++------
 .../src/lib/components/recorderCardUI.tsx     |  2 +-
 6 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/libs/remix-ui/app/src/lib/remix-app/components/dragbar/dragbar.tsx b/libs/remix-ui/app/src/lib/remix-app/components/dragbar/dragbar.tsx
index 34bf717785..d0dc3f0c6d 100644
--- a/libs/remix-ui/app/src/lib/remix-app/components/dragbar/dragbar.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/components/dragbar/dragbar.tsx
@@ -61,7 +61,7 @@ const DragBar = (props: IRemixDragBarUi) => {
   function stopDrag(data: any) {
     setDragState(false)
     console.log("drag")
-    if (data.x < props.minWidth) {
+    if (data.x < props.minWidth + offset) {
       setDragBarPosX(offset)
       props.setHideStatus(true)
     } else {
diff --git a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
index 06d990e5a2..3aff79e0df 100644
--- a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
@@ -85,7 +85,7 @@ const RemixApp = (props: IRemixAppUi) => {
         <div className={`remixIDE ${appReady ? '' : 'd-none'}`} data-id="remixIDE">
           <div id="icon-panel" data-id="remixIdeIconPanel" className="iconpanel bg-light">{props.app.menuicons.render()}</div>
           <div ref={sidePanelRef} id="side-panel" data-id="remixIdeSidePanel" className={`sidepanel border-right border-left ${hideSidePanel ? 'd-none' : ''}`}>{props.app.sidePanel.render()}</div>
-          <DragBar resetTrigger={resetTrigger} maximiseTrigger={maximiseTrigger} minWidth={290} refObject={sidePanelRef} hidden={hideSidePanel} setHideStatus={setHideSidePanel}></DragBar>
+          <DragBar resetTrigger={resetTrigger} maximiseTrigger={maximiseTrigger} minWidth={285} refObject={sidePanelRef} hidden={hideSidePanel} setHideStatus={setHideSidePanel}></DragBar>
           <div id="main-panel" data-id="remixIdeMainPanel" className='mainpanel'>
             <RemixUIMainPanel Context={AppContext}></RemixUIMainPanel>
           </div>
diff --git a/libs/remix-ui/helper/src/lib/components/custom-dropdown.tsx b/libs/remix-ui/helper/src/lib/components/custom-dropdown.tsx
index 4ca65cf2d3..9bb3ef0c84 100644
--- a/libs/remix-ui/helper/src/lib/components/custom-dropdown.tsx
+++ b/libs/remix-ui/helper/src/lib/components/custom-dropdown.tsx
@@ -13,7 +13,7 @@ export const CustomToggle = React.forwardRef(({ children, onClick, icon, classNa
     className={className.replace('dropdown-toggle', '')}
   >
     <div className="d-flex">
-      <div className="mr-auto">{ children }</div>
+      <div className="mr-auto text-nowrap">{ children }</div>
       { icon && <div className="pr-1"><i className={`${icon} pr-1`}></i></div> }
       <div><i className="fad fa-sort-circle"></i></div>
     </div>
diff --git a/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx b/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx
index 05f3fbf678..7d646043f3 100644
--- a/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx
+++ b/libs/remix-ui/publish-to-storage/src/lib/publish-to-storage.tsx
@@ -75,7 +75,6 @@ export const PublishToStorage = (props: RemixUiPublishToStorageProps) => {
     try {
       const result = await publishToIPFS(contract, api)
       modal(`Published ${contract.name}'s Metadata and Sources`, publishMessage(result.uploaded))
-      console.log("ptot")
     } catch (err) {
       modal('IPFS Publish Failed', publishMessageFailed(storage, err.message))
     }
diff --git a/libs/remix-ui/run-tab/src/lib/components/environment.tsx b/libs/remix-ui/run-tab/src/lib/components/environment.tsx
index 8636a3b8e0..4614810ba9 100644
--- a/libs/remix-ui/run-tab/src/lib/components/environment.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/environment.tsx
@@ -28,20 +28,28 @@ export function EnvironmentUI (props: EnvironmentProps) {
     <div className="udapp_crow">
       <label id="selectExEnv" className="udapp_settingsLabel">
         <FormattedMessage id='udapp.environment' defaultMessage='Environment' />
-        <CustomTooltip placement={'right'} tooltipClasses="text-nowrap" tooltipId="info-recorder"
-                tooltipText="Open chainlist and add a new provider for the chain you want to interact to.">
-              <a href='https://chainlist.org/' target='_blank'><i style={{ fontSize: 'medium' }} className={'ml-2 fad fa-plug'} aria-hidden="true"></i></a>
-        </CustomTooltip>
+        <CustomTooltip
+          placement={'right'}
+          tooltipClasses="text-nowrap"
+          tooltipId="info-recorder"
+          tooltipText="Open chainlist and add a new provider for the chain you want to interact to."
+        >
+          <a href='https://chainlist.org/' target='_blank'><i style={{ fontSize: 'medium' }} className={'ml-2 fad fa-plug'} aria-hidden="true"></i></a>
+          </CustomTooltip>
       </label>
       <div className="udapp_environment">
-
-      <Dropdown id="selectExEnvOptions" data-id="settingsSelectEnvOptions" className='udapp_selectExEnvOptions'>
+        <Dropdown id="selectExEnvOptions" data-id="settingsSelectEnvOptions" className='udapp_selectExEnvOptions'>
           <Dropdown.Toggle as={CustomToggle} id="dropdown-custom-components" className="btn btn-light btn-block w-100 d-inline-block border border-dark form-control" icon={null}>
             { isL2(currentProvider) && 'L2 - '}
             { currentProvider && currentProvider.content }
-            { currentProvider && bridges[currentProvider.value] && <CustomTooltip placement={'right'} tooltipClasses="text-nowrap" tooltipId="info-recorder" tooltipText="Click to open a bridge for converting L1 mainnet ETH to the selected network currency.">
-            <i style={{ fontSize: 'medium' }} className={'ml-2 fal fa-plug'} aria-hidden="true" onClick={() => { window.open(bridges[currentProvider.value], '_blank') }}></i>
-        </CustomTooltip>}
+            { currentProvider && bridges[currentProvider.value] && <CustomTooltip
+              placement={'right'}
+              tooltipClasses="text-nowrap"
+              tooltipId="info-recorder"
+              tooltipText="Click to open a bridge for converting L1 mainnet ETH to the selected network currency."
+            >
+              <i style={{ fontSize: 'medium' }} className={'ml-2 fal fa-plug'} aria-hidden="true" onClick={() => { window.open(bridges[currentProvider.value], '_blank') }}></i>
+            </CustomTooltip>}
           </Dropdown.Toggle>
           <Dropdown.Menu as={CustomMenu} className='w-100 custom-dropdown-items' data-id="custom-dropdown-items" >
             {
@@ -53,14 +61,20 @@ export function EnvironmentUI (props: EnvironmentProps) {
                   }}
                   data-id={`dropdown-item-${value}`}
                 >
-                  <span className="pl-3">{ isL2({ value }) && 'L2 - ' }{ content }</span>
+                  <span className="">{ isL2({ value }) && 'L2 - ' }{ content }</span>
                 </Dropdown.Item>
               ))
             }
           </Dropdown.Menu>
         </Dropdown>
-        <CustomTooltip placement={'bottom-start'} tooltipClasses="text-wrap" tooltipId="runAndDeployAddresstooltip"
-            tooltipText={<FormattedMessage id='udapp.environmentDocs' defaultMessage='Click for docs about Environment' />}>
+        <CustomTooltip
+          placement={'bottom-start'}
+          tooltipClasses="text-wrap"
+          tooltipId="runAndDeployAddresstooltip"
+          tooltipText={<FormattedMessage
+          id='udapp.environmentDocs'
+          defaultMessage='Click for docs about Environment' />}
+        >
           <a href="https://remix-ide.readthedocs.io/en/latest/run.html#environment" target="_blank" rel="noreferrer"><i className="udapp_infoDeployAction ml-2 fas fa-info"></i></a>
         </CustomTooltip>
       </div>
diff --git a/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx b/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
index 1fa7741253..4102f20df6 100644
--- a/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
@@ -28,7 +28,7 @@ export function RecorderUI (props: RecorderProps) {
 
 
   return (
-    <div className="udapp_cardContainer list-group-item border border-bottom">
+    <div className="udapp_cardContainer list-group-item border-top border-bottom">
       <div className="udapp_recorderSection d-flex justify-content-between" onClick={toggleClass}>
         <div className="d-flex justify-content-center align-items-center">
           <label className="mt-1 udapp_recorderSectionLabel">