From 9f3ec92f8ef684a8c5eca68006e262427e92f25b Mon Sep 17 00:00:00 2001
From: Mihajlo <mihajlo.medjedovic@outlook.com>
Date: Fri, 15 Apr 2022 14:23:15 +0200
Subject: [PATCH] chore: run button style fix

---
 web/src/containers/Studio/index.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/web/src/containers/Studio/index.tsx b/web/src/containers/Studio/index.tsx
index 1f3e13e..5f16c1d 100644
--- a/web/src/containers/Studio/index.tsx
+++ b/web/src/containers/Studio/index.tsx
@@ -17,7 +17,16 @@ const useStyles = makeStyles(() => ({
     }
   },
   subMenu: {
-    marginTop: '25px'
+    marginTop: '25px',
+    display: 'flex',
+    justifyContent: 'center'
+  },
+  runButton: {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    padding: '5px 5px',
+    minWidth: 'unset'
   }
 }))
 
@@ -133,20 +142,21 @@ const Studio = () => {
             <Tooltip title="CTRL+ENTER will also run SAS code">
               <Button
                 onClick={handleRunBtnClick}
-                style={{ padding: 0, width: '35px', minWidth: 'unset' }}
+                className={classes.runButton}
               >
                 <img
                   draggable="false"
-                  style={{ width: '100%' }}
+                  style={{ width: '35px' }}
                   src="/running-sas.png"
                 ></img>
+                <span style={{ fontSize: '12px' }}>RUN</span>
               </Button>
             </Tooltip>
           </div>
           {/* <Toolbar /> */}
           <Paper
             sx={{
-              height: 'calc(100vh - 180px)',
+              height: 'calc(100vh - 210px)',
               padding: '10px',
               overflow: 'auto',
               position: 'relative'