From 9ff5fa3a844fa2adedb2b15facce0c04102dfb67 Mon Sep 17 00:00:00 2001
From: Colin Kallemein <cakallemein@gmail.com>
Date: Sun, 9 Jun 2024 22:59:08 +0200
Subject: [PATCH] More styling cleanup, tweaked login btns

---
 src/assets/scss/login.scss         | 2 --
 src/assets/scss/main.scss          | 3 ++-
 src/components/screens/Login.vue   | 2 +-
 src/components/utilities/Modal.vue | 2 --
 4 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/assets/scss/login.scss b/src/assets/scss/login.scss
index 81f76c1..71bb81d 100644
--- a/src/assets/scss/login.scss
+++ b/src/assets/scss/login.scss
@@ -66,8 +66,6 @@
       .button {
         padding: 10px 0;
         min-width: 100px;
-        font-size: 0.65rem;
-        border-radius: 5px;
 
         span {
           margin: auto;
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 915e0ea..88e553d 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -39,7 +39,8 @@ button {
 
   &.btn-cyan {
     background-color: rgba($cyan, 0.5);
-    border: 2px solid rgba($white, 0.9);
+    border: 1px solid $white;
+    border-radius: 5px;
 
     &:hover {
       background-color: $cyan;
diff --git a/src/components/screens/Login.vue b/src/components/screens/Login.vue
index 3c26d35..54aed7c 100644
--- a/src/components/screens/Login.vue
+++ b/src/components/screens/Login.vue
@@ -14,7 +14,7 @@
             </div>
         </div>
         <div class="row-buttons">
-          <button class="button btn-cyan" type="submit"><span>LOGIN</span></button>
+          <button class="button btn-cyan" type="submit"><span>PLAY</span></button>
           <button class="button btn-cyan" type="button" @click.prevent="registerFunc"><span>REGISTER</span></button>
           <button class="button btn-cyan"><span>CREDITS</span></button>
         </div>
diff --git a/src/components/utilities/Modal.vue b/src/components/utilities/Modal.vue
index 3917aa4..1a253e2 100644
--- a/src/components/utilities/Modal.vue
+++ b/src/components/utilities/Modal.vue
@@ -160,8 +160,6 @@ onUnmounted(() => {
     button {
       padding: 6px 15px;
       min-width: 100px;
-      border-radius: 5px;
-      border-width: 1px;
     }
 
     .modal-form {