fixed switches

Author: LianaHus

apps/remix-ide/src/app/providers/style/environment-explorer.css

@@ -1,5 +1,5 @@
 .EECellStyle {
-  min-height: 6rem;
+  min-height: 7rem;
   max-width: 12rem;
   min-width: 12rem;
 }

libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.css

@@ -27,9 +27,6 @@
 .remixui_grid_cell_pin {
   width: 1rem;
   height: 1rem;
-  position: relative;
-  right: 2.1rem;
-  top: 4.7rem;
   background: transparent;
   z-index: 1000;
 }

libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx

@@ -86,7 +86,7 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
       { anyEnabled && <div className='mr-2 mt-3 pb-1 d-flex flex-column'>
         <div className='d-flex flex-grid'>
           <div className={ `${pinned ? "" : "border-dark "}` + "d-flex mx-0 p-2 bg-light border border-secondary remixui_grid_cell_container " + props.classList || ''} data-id={"remixUIGS" + props.title}>
-            <div className="d-flex remixui_grid_cell w-100 flex-column">
+            <div className="d-flex remixui_grid_cell w-100 space-between justify-content-between flex-column">
               { !props.hideTitle && <div className='d-flex flex-row pb-1 mb-1 align-items-end' style={{ minWidth: '8rem', height: '1rem' }}>
                 { props.logo ? props.logoURL !== '' ?
                   <a href={props.logoURL} target="__blank">
@@ -110,17 +110,18 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
                 }
               </div> }
               { props.children }
+              { filterCon.showPin && <button
+                className={`${pinned ? 'fas fa-toggle-on fa-lg text-dark' : 'fas fa-toggle-off fa-lg text-secondary'}` + ` fa-regular border-0 p-0 mt-2 align-self-end mr-1 remixui_grid_cell_pin`}
+                style={{ fontSize: 'large' }}
+                data-id={`${pinned ? `${props.id}-pinned` : `${props.id}-unpinned`}`}
+                onClick={async () => {
+                  if (!props.pinStateCallback) setPinned(!pinned)
+                  if (await props.pinStateCallback(!pinned)) setPinned(!pinned)
+                }}
+              ></button>}
             </div>
           </div>
-          { filterCon.showPin && <button
-            className={`${pinned ? 'fas fa-toggle-on fa-lg text-dark' : 'fas fa-toggle-off fa-lg text-secondary'}` + ` fa-regular border-0 mb-0 remixui_grid_cell_pin`}
-            style={{ fontSize: 'large' }}
-            data-id={`${pinned ? `${props.id}-pinned` : `${props.id}-unpinned`}`}
-            onClick={async () => {
-              if (!props.pinStateCallback) setPinned(!pinned)
-              if (await props.pinStateCallback(!pinned)) setPinned(!pinned)
-            }}
-          ></button>}
+          
           { props.tagList && <div className={`d-flex flex-column align-items-begin ` +`${filterCon.showPin ? 'remixui_grid_cell_tags' : 'remixui_grid_cell_tags_no_pin'}`}>
             { Object.keys(props.tagList).map((key) => (
               filterCon.keyValueMap[props.tagList[key]]?.enabled && (

libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx

@@ -486,7 +486,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     compileIcon.current.classList.remove('remixui_spinningIcon')
     compileIcon.current.classList.remove('remixui_bouncingIcon')
     if (!state.autoCompile || (state.autoCompile && state.matomoAutocompileOnce)) {
-      _paq.push(['trackEvent', 'compiler', 'compiled', 'solCompilationFinishedTriggeredByUser')
+      _paq.push(['trackEvent', 'compiler', 'compiled', 'solCompilationFinishedTriggeredByUser'])
       _paq.push(['trackEvent', 'compiler', 'compiled', 'with_config_file_' + state.useFileConfiguration])
       _paq.push(['trackEvent', 'compiler', 'compiled', 'with_version_' + _retrieveVersion()])
       if (state.autoCompile && state.matomoAutocompileOnce) {