From 15f71b65ef594292152ea343556d7bf730dcf86c Mon Sep 17 00:00:00 2001
From: Jake Toronto <jake.toronto@gmail.com>
Date: Wed, 12 Jun 2024 23:14:02 -0600
Subject: [PATCH] Update style.css

---
 style.css | 156 ++++++++++++++++++++++++++++++++----------------------
 1 file changed, 92 insertions(+), 64 deletions(-)

diff --git a/style.css b/style.css
index cbea054..5ba108f 100644
--- a/style.css
+++ b/style.css
@@ -1,65 +1,93 @@
 html {
-    height: 100%;
-    width: 100%;
-  }
-  
-  /* style.css */
-  body {
-    font-family: 'Arial', sans-serif;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    min-height: 100vh;
-    background-color: #f4f4f4;
-  }
-  
-  .phone-input {
-    display: flex;
-    flex-direction: column;
-    width: 300px;
-    margin-bottom: 20px;
-    padding: 20px;
-    border-radius: 8px;
-    background-color: #fff;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  }
-  
-  .phone-input label {
-    margin-bottom: 5px;
-    font-weight: bold;
-  }
-  
-  .phone-input input[type="tel"] {
-    padding: 10px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    font-size: 16px;
-  }
-  
-  .message-input {
-    display: flex;
-    flex-direction: column;
-    width: 300px;
-    margin-bottom: 20px;
-    padding: 20px;
-    border-radius: 8px;
-    background-color: #fff;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  }
-  
-  .message-input label {
-    margin-bottom: 5px;
-    font-weight: bold;
-  }
-  
-  .message-input textarea {
-    padding: 10px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    font-size: 16px;
-    resize: vertical;
-    /* Allow vertical resizing */
-    height: 100px;
-    /* Initial height */
-  }
\ No newline at end of file
+  height: 100%;
+  width: 100%;
+}
+
+/* style.css */
+body {
+  font-family: 'Arial', sans-serif;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  background-color: #f4f4f4;
+}
+
+.phone-input {
+  display: flex;
+  flex-direction: column;
+  width: 300px;
+  margin-bottom: 20px;
+  padding: 20px;
+  border-radius: 8px;
+  background-color: #fff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.phone-input label {
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+
+.phone-input input[type="tel"] {
+  padding: 10px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 16px;
+}
+
+
+#addPhoneButton {
+  display: flex;
+  flex-direction: column;
+  width: 300px;
+  margin-bottom: 20px;
+  padding: 20px;
+  border-radius: 8px;
+  background-color: #fff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  font-size: 16px
+}
+
+.message-input {
+  display: flex;
+  flex-direction: column;
+  width: 300px;
+  margin-bottom: 20px;
+  padding: 20px;
+  border-radius: 8px;
+  background-color: #fff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.message-input label {
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+
+.message-input textarea {
+  padding: 10px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 16px;
+  resize: vertical;
+  /* Allow vertical resizing */
+  height: 100px;
+  /* Initial height */
+}
+
+.status-area {
+  margin-top: 20px;
+  width: 300px;
+  border: 1px solid #ccc;
+  padding: 10px;
+  border-radius: 4px;
+  background-color: #f9f9f9;
+}
+
+.status-area p {
+  margin: 0;
+  font-size: 14px;
+  color: #333;
+}