From 9069ea29241a96052d6e4560505cf60a2fb5a4f5 Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Wed, 29 May 2024 18:33:35 +0300
Subject: [PATCH] fixing wrong css class

---
 web/src/components/atbat/AtBatView.module.css | 28 +++++++++++++++++++
 web/src/components/atbat/AtBatView2.tsx       |  2 +-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/web/src/components/atbat/AtBatView.module.css b/web/src/components/atbat/AtBatView.module.css
index 82eae5ea..d17318ec 100644
--- a/web/src/components/atbat/AtBatView.module.css
+++ b/web/src/components/atbat/AtBatView.module.css
@@ -150,6 +150,34 @@
     gap: 10px;
 }
 
+.joinButton {
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translateY(-92px) translateX(-50%);
+
+    color: #FFF;
+    text-align: center;
+    font-family: Bangers, cursive;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 100%; /* 18px */
+    letter-spacing: 0.9px;
+
+    cursor: pointer;
+    z-index: 4;
+    display: flex;
+    width: 26.96vh;
+    padding: 10px 20px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+
+    border: 1px solid #262019;
+    background: #328449;
+}
+
 .playerView {
     display: flex;
     flex-grow: 2;
diff --git a/web/src/components/atbat/AtBatView2.tsx b/web/src/components/atbat/AtBatView2.tsx
index 5145de3d..73ea6b85 100644
--- a/web/src/components/atbat/AtBatView2.tsx
+++ b/web/src/components/atbat/AtBatView2.tsx
@@ -105,7 +105,7 @@ const AtBatView2: React.FC = () => {
           />
           {atBat && showPitchOutcome && atBat.outcome !== 0 && atBat.pitches.length > 0 && (
             <div
-              className={styles.homeButton}
+              className={styles.joinButton}
               onClick={() => {
                 playSound("homeButton");
                 updateContext({ isLaunching: false });