Fix viewBox

Author: javizqh

package.json

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

src/components/Button/Button.styles.tsx

@@ -84,6 +84,5 @@ export const StyledButton = styled.button<StyledButtonProps>`
     width: 20px;
     height: 20px;
     opacity: 100%;
-    viewBox: 0 0 20 20;
   }
 `;

src/components/Explorer/Explorer.tsx

@@ -392,7 +392,7 @@ const Explorer = ({
                 onClick={handleDeleteCurrentFile}
                 title="Delete file"
               >
-                <DeleteIcon viewBox="0 0 20 20"/>
+                <DeleteIcon viewBox="0 0 .9375 .9375"/>
               </MenuButton>
             </>
           )}

src/components/FileEditor/FileEditor.tsx

@@ -219,7 +219,7 @@ const FileEditor = ({
             onClick={handleSaveFile}
             title="Save File"
           >
-            <SaveIcon viewBox="0 0 20 20"/>
+            <SaveIcon viewBox="0 0 .9375 .9375"/>
           </MenuButton>
           <MenuButton
             id="zoom-in-button"

src/components/IdeInterface/IdeInterface.tsx

@@ -61,7 +61,7 @@ const IdeInterface = ({
   const theme = useTheme();
 
   if (splashIcon === undefined) {
-    splashIcon = <StyledMonocolorSplashIcon color={theme.palette.primary} viewBox="0 0 20 20"/>;
+    splashIcon = <StyledMonocolorSplashIcon color={theme.palette.primary} viewBox="0 0 200 200"/>;
   }
 
   return (

src/components/Modals/Modal.tsx

@@ -95,6 +95,7 @@ export const ModalTitlebar = ({
     >
       {hasBack && (
         <StyledModalBackButton
+          viewBox="-2.4 -2.4 36 36"
           id="back-modal"
           onClick={() => {
             handleBack();
@@ -105,6 +106,7 @@ export const ModalTitlebar = ({
       <label htmlFor={htmlFor}>{title}</label>
       {hasClose && (
         <StyledModalCloseButton
+          viewBox="0 0 20 20"
           id="close-modal"
           onClick={() => {
             handleClose();

src/components/Modals/NewFileModal.tsx

@@ -65,7 +65,7 @@ const NewFileModal = ({
   const plain = new CardEntryProps(
     "plain",
     "plainType",
-    <ActionTeplateIcon viewBox="0 0 20 20" fill={theme.palette.text} />,
+    <ActionTeplateIcon viewBox="0 0 6.4 6.4" fill={theme.palette.text} />,
     "Plain File",
   );
   const actions = new CardEntryProps(
@@ -85,7 +85,7 @@ const NewFileModal = ({
   const action = new CardEntryProps(
     "action",
     "actionTemplate",
-    <ActionTeplateIcon viewBox="0 0 20 20" fill={theme.palette.text} />,
+    <ActionTeplateIcon viewBox="0 0 6.4 6.4" fill={theme.palette.text} />,
     "Action",
   );
   const io = new CardEntryProps(