Fix dropdown and status Bar

Author: javizqh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jderobot-ide-interface",
-  "version": "0.1.80",
+  "version": "0.1.81",
   "main": "dist/main.js",
   "typings": "dist/index.d.ts",
   "files": [

src/components/Dropdown/Dropdown.styles.tsx

@@ -30,13 +30,14 @@ export const StyledDropdown = styled.button<StyledDropdownProps>`
   left: ${(p) => p.left ?? 1}px;
   display: flex;
   position: absolute;
-  z-index: 3;
+  z-index: 300;
   flex-direction: column;
   background-color: ${(p) => p.bgColor ?? primaryColor};
   border: 1px black solid;
   ${handleDown}
 
   & button {
+    height: 34px;
     border-radius: 0 !important;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;

src/components/Dropdown/Dropdown.tsx

@@ -76,7 +76,7 @@ export const DropdownStatusBar = ({
           hoverColor={theme.palette.secondary}
           roundness={theme.roundness}
           width={width}
-          height={baseHeight + possibleValues.length * 28}
+          height={baseHeight + possibleValues.length * 34}
           left={right}
           down={down}
         >

src/components/StatusBar/StatusBar.tsx

@@ -110,6 +110,7 @@ const StatusBar = ({
           baseUniverse={baseUniverse}
         />
       )}
+      <div style={{"marginLeft": "auto"}}/>
       {extraComponents.extras.map((component: any) => {
         return component;
       })}