From 3bd38730433d19b25ca6dd27ee13785821c1fcd2 Mon Sep 17 00:00:00 2001
From: Emilia <contact@emiliaallison.com>
Date: Mon, 5 Jun 2023 14:52:51 -0400
Subject: [PATCH] Tweak to upper menu

Changed "save" to "export" for clarity
---
 .../default_theme/components/_upper_menu.scss  | 18 +++++++++++-------
 src/components/main_window.rs                  |  2 +-
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/assets/scss/default_theme/components/_upper_menu.scss b/assets/scss/default_theme/components/_upper_menu.scss
index 9d812cf..23632a1 100644
--- a/assets/scss/default_theme/components/_upper_menu.scss
+++ b/assets/scss/default_theme/components/_upper_menu.scss
@@ -14,17 +14,15 @@ div.upper_menu {
 		margin-right: 2px;
 
 		position: relative;
-		height: $menu-height;
 
 		display: flex;
 		flex-direction: column;
 
-		outline: 1px solid $color-dark;
 
 		button {
 			vertical-align: top;
 			border: none;
-			padding: 0;
+			padding: 0px 0.4em 0px 0.4em;
 			margin: 0;
 			cursor: pointer;
 			font-size: calc($menu-height*0.7);
@@ -34,13 +32,19 @@ div.upper_menu {
 			visibility: hidden;
 		}
 		*:first-child {
+			outline: 1px solid $color-dark;
 			visibility: visible;
 		}
 
-		&:hover * {
-			visibility: visible;
-			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-			z-index: 1;
+		&:hover {
+			outline: 2px solid $color-dark;
+			z-index: 2;
+			* {
+				visibility: visible;
+				outline: 1px solid $color-dark;
+				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
+				z-index: 1;
+			}
 		}
 	}
 }
diff --git a/src/components/main_window.rs b/src/components/main_window.rs
index bcf6c54..ae45ab6 100644
--- a/src/components/main_window.rs
+++ b/src/components/main_window.rs
@@ -97,7 +97,7 @@ pub fn MainWindow() -> Html {
             <div class="dropdown">
                 <button>{"File"}</button>
                 <button onclick={new_button_callback}>{"New"}</button>
-                <button onclick={save_button_callback}>{"Save"}</button>
+                <button onclick={save_button_callback}>{"Export"}</button>
             </div>
         </div>
         <div class="main_container">