Adjust button placement

Author: tracygardner

style.css

@@ -244,7 +244,7 @@ path.blocklyPath.blockly-ws-search-highlight.blockly-ws-search-current {
 /* Layout Styles */
 #maincontent {
   width: 100vw;
-  height: calc(100vh - 40px);
+  height: calc(100vh - 50px);
   display: flex;
   margin: 0;
   gap: 0;
@@ -258,16 +258,19 @@ path.blocklyPath.blockly-ws-search-highlight.blockly-ws-search-current {
 
 #menu {
   display: flex;
-  height: 40px;
+  height: 50px;
+  min-height: 50px;
+  max-height: 50px;
   align-items: center;
   justify-content: space-between;
   max-width: 100vw;
-  gap: 10px;
+  gap: 5px;
   z-index: 10;
   background-color: rgba(255, 255, 255, 0.9);
-  padding: 4px 8px;
+  padding: 8px 8px 5px 0;
   border-radius: 5px;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+  box-sizing: border-box;
 }
 
 #menuleft,
@@ -279,7 +282,7 @@ path.blocklyPath.blockly-ws-search-highlight.blockly-ws-search-current {
 
 #codePanelButtons {
   display: flex;
-  height: 40px;
+  height: 50px;
   justify-content: space-between;
   flex-shrink: 0;
   border: none;
@@ -288,7 +291,7 @@ path.blocklyPath.blockly-ws-search-highlight.blockly-ws-search-current {
 /* Buttons */
 .bigbutton {
   display: inline-block;
-  margin: 0;
+  margin: 0 3px;
   padding: 5px;
   font-size: 18px;
   background-color: #f0f0f0;
@@ -615,18 +618,18 @@ path.blocklyPath.blockly-ws-search-highlight.blockly-ws-search-current {
   #maincontent {
   display: flex;
   width: 100vw;
-  height: calc(100vh - 40px);
+  height: calc(100vh - 50px);
   }
 
   #codePanel {
   flex: 2 1 0;
-  height: calc(100vh - 40px);
+  height: calc(100vh - 50px);
   box-sizing: border-box;
   }
 
   #rightArea {
   flex: 1 1 0;
-  height: calc(100vh - 40px);
+  height: calc(100vh - 50px);
   box-sizing: border-box;
   }
 
@@ -641,6 +644,13 @@ path.blocklyPath.blockly-ws-search-highlight.blockly-ws-search-current {
   height: auto;
   flex-shrink: 0;
   margin-right: 2px;
+  padding-left: 2px;
+}
+
+/* Project Name Input */
+#projectName {
+  margin: 0 8px !important;
+  padding: 8px !important;
 }
 
 /* Custom Category */