From 79815424084298388bc756879037d0a0cbda1682 Mon Sep 17 00:00:00 2001
From: RJMaradiaga <ryanjosue.rj@gmail.com>
Date: Mon, 26 Jun 2023 01:00:58 -0400
Subject: [PATCH 1/2] Bug fix change to make styling of the header buttons
 inform across each button. Previously, the reset button had different styling
 because it was creating using the buttonBase tag, and not the iconButton tag.

---
 src/components/structural/header/Header.js | 23 ++++++----------------
 1 file changed, 6 insertions(+), 17 deletions(-)

diff --git a/src/components/structural/header/Header.js b/src/components/structural/header/Header.js
index 89643079..ae8c56f5 100644
--- a/src/components/structural/header/Header.js
+++ b/src/components/structural/header/Header.js
@@ -14,7 +14,6 @@ import * as layoutTypes from "../../../constants/LayoutTypes.js";
 
 import {
     Button,
-    ButtonBase,
     Icon,
     MenuItem,
     Tooltip,
@@ -36,15 +35,6 @@ const exitBtnStyle = {
     right: 0,
 };
 
-const resetButtonStyle = {
-    top: 2,
-    paddingLeft: 10,
-    paddingRight: 10,
-    color: "white",
-    opacity: 1
-
-};
-
 /**
  * React component class for the header
  */
@@ -808,15 +798,14 @@ class Header extends Component {
                             <Icon className="material-icons">save</Icon>
                         </IconButton>
                     </Tooltip>
-                    <Tooltip title="reset position" placement="bottom-start">
-                        <ButtonBase
+                    <Tooltip title="Reset Position" placement="bottom-start">
+                        <IconButton
                             id="reset-btn"
                             onClick={() => this.props.sceneActions.setCamera(0, 1.6, 3)}
-                            className="header-btn d-none d-md-block"
-                            style= {resetButtonStyle}
-                            disabled={referenceMode}>
-                            <Icon className ="material-icons">settings_backup_restore</Icon>  
-                        </ButtonBase>
+                            style={style.default}
+                            className="header-btn d-none d-md-block">
+                            <Icon className="material-icons">settings_backup_restore</Icon>  
+                        </IconButton>
                     </Tooltip> 
                     <ProjectView
                         deleteFunc={this.props.projectActions.deleteProj}

From 487d5259c958bdf2148a2a48395a8251cc103362 Mon Sep 17 00:00:00 2001
From: RJMaradiaga <ryanjosue.rj@gmail.com>
Date: Mon, 26 Jun 2023 01:07:39 -0400
Subject: [PATCH 2/2] Edited the tour.js file to include the reset button.

---
 src/myr/tour.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/myr/tour.js b/src/myr/tour.js
index 8bea0c14..76d3fc48 100644
--- a/src/myr/tour.js
+++ b/src/myr/tour.js
@@ -38,6 +38,10 @@ export const TourSteps = [
         selector: "#save-btn",
         content: "Save your work.",
     },
+    {
+        selector: "#reset-btn",
+        content: "Reset camera position."
+    },
     {
         selector: "#open-btn",
         content: "See previous work and view examples.",