refactor: Style changes

1 files changed, 23 insertions, 46 deletions

diff --git a/src/wwwroot/index.css b/src/wwwroot/index.css
index 83d19bb..a35096c 100644
--- a/src/wwwroot/index.css
+++ b/src/wwwroot/index.css
@@ -19,62 +19,39 @@ form {
     flex-wrap: wrap;
 }
 
-#forms .wrapper {
-    width: 300px;
+@media (max-width: 476px) {
+    form {
+        max-width: 100%;
+    }
 }
 
-textarea {
-    overflow-y: hidden;
-    min-height: calc(1.5em + .75rem + 2px);
-    resize: vertical;
-}
-
-.btn {
-    padding: 4px 12px;
-    min-width: 88px;
-    border: none;
-    font: inherit;
-    color: #373030;
-    border-radius: 4px;
-    outline: none;
-    text-decoration: none;
-    cursor: default;
-    font-weight: 400;
-    background: #fff;
-    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.4);
-}
-
-.btn:active {
-    background: linear-gradient(#4faefc, #006bff);
-    color: #fff;
-    position: relative;
-}
-
-.btn.btn-blue {
-    color: #fff;
-    background: linear-gradient(#81c5fd, #3389ff);
+.flex-end {
+    display: flex;
+    align-items: end;
+    flex-direction: column;
 }
 
-.btn.btn-blue:active {
-    background: linear-gradient(#4faefc, #006bff);
+legend {
+    font-weight: 600;
 }
 
-.btn.btn-red {
-    color: #fff;
-    background: linear-gradient(#fd6c6f, #e70307);
+textarea {
+    overflow-y: hidden;
+    min-height: calc(1.5em + .75rem + 2px);
+    min-width: 260.5px;
 }
 
-.btn.btn-red:active {
-    background: linear-gradient(#fc2125, #b50206);
+button {
+    background: #e9e9ed;
+    border: 1px solid #8f8f9d;
+    cursor: pointer;
+    width: fit-content;
 }
 
-.btn.btn-green {
-    color: #fff;
-    background: linear-gradient(#89e36b, #44ae21);
+button:active {
+    background: #d1d1d5;
 }
 
-.btn.btn-green:active {
-    background: linear-gradient(#56d72b, #338319);
-}
+input {
 
-.text-input {}
\ No newline at end of file
+}
\ No newline at end of file