e2e fix

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

@@ -17,7 +17,7 @@ module.exports = {
       .pause(5000)
       .clickLaunchIcon('udapp')
       .selectAccount('0xCA35b7d915458EF540aDe6068dFe2F44E8fa733c') // this account will be used for this test suite
-      .click('[data-id="udapp_arrow"]')
+      .click('[data-id="udappRecorderTitleExpander"]')
       .click('[data-id="runtransaction"]')
       .clickInstance(0)
       .clickInstance(1)

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

@@ -81,6 +81,7 @@ module.exports = {
       .refresh()
       .pause(5000)
       .clickLaunchIcon('solidity')
+      .click('*[data-id="scConfigExpander"]')
       .assert.containsText('#versionSelector option[data-id="selected"]', '0.7.4+commit.3f05b770')
       .assert.containsText('#evmVersionSelector option[data-id="selected"]', 'istanbul')
       .assert.containsText('#compilierLanguageSelector option[data-id="selected"]', 'Yul')

libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx

@@ -24,7 +24,7 @@ export function RecorderUI (props: RecorderProps) {
           <div className="ml-2 mb-2 badge badge-pill badge-primary" title="The number of recorded transactions">{props.count}</div>
         </div>
         <div>
-          <span data-id='UdaooRecorderTitleExpander' onClick={toggleClass}>
+          <span data-id='udappRecorderTitleExpander' onClick={toggleClass}>
             <i className={!toggleExpander ? 'fas fa-angle-right' : 'fas fa-angle-down'} aria-hidden="true"></i>
           </span>
         </div>

libs/remix-ui/run-tab/src/lib/css/card.css

@@ -2,11 +2,4 @@
   padding             : 0 24px 16px;
   margin              : 0;
   background          : none;
-}
-.udapp_arrow {
-  font-weight         : bold;
-  cursor              : pointer;
-  font-size           : 14px;
-}
-.udapp_arrow:hover {
 }

libs/remix-ui/solidity-compiler/src/lib/css/style.css

@@ -75,6 +75,9 @@
 .remixui_compilerConfigSection:hover {
   cursor: pointer;
 }
+. remixui_compilerConfigSection {
+  font-size: 1rem;
+}
 .remixui_compilerLabel {
   margin-bottom: 2px;
   font-size: 11px;