Frame Maximize

- Returned the maximize button!

Author: programmingKyle

src/frame.js

@@ -1,15 +1,15 @@
 const minimizeButton_el = document.getElementById('minimizeButton');
-//const maximizeButton_el = document.getElementById('maximizeButton');
+const maximizeButton_el = document.getElementById('maximizeButton');
 const exitButton_el = document.getElementById('exitButton');
 
 minimizeButton_el.addEventListener('click', () => {
     api.frameHandler({request: 'Minimize'});
 });
 
-/*maximizeButton_el.addEventListener('click', () => {
+maximizeButton_el.addEventListener('click', () => {
     api.frameHandler({request: 'Maximize'});
 });
-*/
+
 
 exitButton_el.addEventListener('click', () => {
     api.frameHandler({request: 'Exit'});

src/index.css

@@ -209,7 +209,7 @@ h1,h2,h3,h4,h5,h6 {
 
 .frame-grid {
   display: grid;
-  grid-template-columns: 1fr auto auto;
+  grid-template-columns: 1fr auto auto auto;
   grid-gap: 0px;
   -webkit-app-region: drag;
   background: rgb(27,27,27);

src/index.html

@@ -35,7 +35,7 @@ <h1>Add a Project</h1>
       <div class="frame-grid">
         <h4 style="color: white; padding: 10px 0px; margin: auto 10px;">Project Task Hub</h4>
         <button id="minimizeButton" class="fa fa-window-minimize"></button>
-        <!--<button id="maximizeButton" class="fa fa-window-maximize"></button>-->
+        <button id="maximizeButton" class="fa fa-window-maximize"></button>
         <button id="exitButton" class="fa-solid fa-power-off"></button>
       </div>