From abe8383591a04b136873cae5c21760625a79c963 Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Fri, 17 Nov 2023 15:11:59 +0000
Subject: [PATCH] refactor: use a button element instead of a class

---
 frontend/src/styles/profile.scss        |  9 ++++++---
 frontend/static/html/pages/account.html | 10 +++++-----
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/frontend/src/styles/profile.scss b/frontend/src/styles/profile.scss
index 33d27f97a..052ab7b46 100644
--- a/frontend/src/styles/profile.scss
+++ b/frontend/src/styles/profile.scss
@@ -108,13 +108,13 @@
       width: 2rem;
       display: grid;
 
-      .button:first-child {
+      button:first-child {
         border-top-right-radius: var(--roundness);
       }
-      .button:last-child {
+      button:last-child {
         border-bottom-right-radius: var(--roundness);
       }
-      .button {
+      button {
         align-items: center;
         align-content: center;
         display: grid;
@@ -479,6 +479,9 @@
     .socials {
       .value {
         margin-top: 0.05rem;
+        .textButton {
+          padding: 0.1em;
+        }
       }
     }
     .title {
diff --git a/frontend/static/html/pages/account.html b/frontend/static/html/pages/account.html
index dff0849cc..9dd4b8206 100644
--- a/frontend/static/html/pages/account.html
+++ b/frontend/static/html/pages/account.html
@@ -83,22 +83,22 @@
           <div class="value">-</div>
         </div>
         <div class="buttonGroup">
-          <div
-            class="editProfileButton button"
+          <button
+            class="editProfileButton"
             data-balloon-pos="left"
             aria-label="Edit profile"
             role="button"
           >
             <i class="fas fa-pen"></i>
-          </div>
-          <div
+          </button>
+          <button
             class="copyLink button"
             data-balloon-pos="left"
             aria-label="Copy public link"
             role="button"
           >
             <i class="fas fa-link"></i>
-          </div>
+          </button>
         </div>
       </div>
       <div class="leaderboardsPositions">