From c14b7bf0cc06df2843bf266eeda884f1e94de28b Mon Sep 17 00:00:00 2001
From: Arya <aryasolhi@gmail.com>
Date: Mon, 11 Mar 2024 22:29:09 -0400
Subject: [PATCH] updates crate description & fix btn styles (#25)

Co-authored-by: Automated Release Test <release-tests-no-reply@zfnd.org>
---
 src-tauri/Cargo.toml    |  2 +-
 src/pages/Configure.tsx | 81 ++++++++++++++++++++---------------------
 2 files changed, 40 insertions(+), 43 deletions(-)

diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index d9955df..95ef749 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -1,7 +1,7 @@
 [package]
 name = "zebra-app"
 version = "0.0.0-alpha.0"
-description = "A Tauri App"
+description = "Zebra App"
 authors = ["you"]
 edition = "2021"
 
diff --git a/src/pages/Configure.tsx b/src/pages/Configure.tsx
index bc09d22..4d5144e 100644
--- a/src/pages/Configure.tsx
+++ b/src/pages/Configure.tsx
@@ -21,21 +21,23 @@ const FloatingButtonContainer = styled("div")`
   padding: 6px 8px 0 0;
   border-radius: 8px;
   box-shadow: #1c1c1c 0 0 6px 2px, #1c1c1c 0 0 12px 2px, #1c1c1c 0 0 24px 2px;
+
+  > button {
+    outline: none;
+    border: solid 2px white;
+    color: white;
+    padding: 8px 14px;
+    margin: 12px;
+    border-radius: 8px;
+    font-size: 14px;
+    text-transform: uppercase;
+    cursor: pointer;
+    letter-spacing: 1px;
+    background: transparent;
+  }
 `;
 
 const Button = styled("button")`
-  outline: none;
-  border: solid 2px white;
-  color: white;
-  padding: 8px 14px;
-  margin: 12px;
-  border-radius: 8px;
-  font-size: 14px;
-  text-transform: uppercase;
-  cursor: pointer;
-  letter-spacing: 1px;
-  background: transparent;
-
   &:hover {
     color: #aaa;
     border-color: #aaa;
@@ -114,38 +116,33 @@ const Configuration = () => {
       <h1>Configuration</h1>
 
       {is_editable() ? (
-        <>
-          <ConfigTextArea
-            value={edited_config() || ""}
-            onChange={({ currentTarget: { value } }) =>
-              set_edited_config(value)
-            }
-          />
-          <FloatingButtonContainer>
+        <ConfigTextArea
+          value={edited_config() || ""}
+          onChange={({ currentTarget: { value } }) => set_edited_config(value)}
+        />
+      ) : (
+        <ConfigDisplay>{config_contents}</ConfigDisplay>
+      )}
+      <FloatingButtonContainer>
+        {is_editable() ? (
+          <>
             <Button onClick={discard_changes}>Discard Changes</Button>
             <Button onClick={save_and_apply}>Save & Apply</Button>
-          </FloatingButtonContainer>
-        </>
-      ) : (
-        <>
-          <ConfigDisplay>{config_contents}</ConfigDisplay>
-          <FloatingButtonContainer>
-            {is_saving() ? (
-              <span
-                style={{
-                  padding: "16px",
-                  "margin-top": "16px",
-                  display: "inline-block",
-                }}
-              >
-                Saving and restarting Zebra ...
-              </span>
-            ) : (
-              <Button onClick={start_editing}>Edit</Button>
-            )}
-          </FloatingButtonContainer>
-        </>
-      )}
+          </>
+        ) : is_saving() ? (
+          <span
+            style={{
+              padding: "16px",
+              "margin-top": "16px",
+              display: "inline-block",
+            }}
+          >
+            Saving and restarting Zebra ...
+          </span>
+        ) : (
+          <Button onClick={start_editing}>Edit</Button>
+        )}
+      </FloatingButtonContainer>
     </PageContainer>
   );
 };