From c29ee05634346e6db9d7b922eb70d2a6949627b1 Mon Sep 17 00:00:00 2001
From: Junho jeon <junhjeon@Junhoui-MacBookAir.local>
Date: Tue, 9 Jan 2024 15:26:58 +0900
Subject: [PATCH] =?UTF-8?q?[Style]=20=EC=9C=84=EC=B9=98=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20#1232?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/tournament.tsx                              | 15 ++++++++-------
 styles/tournament/TournamentContainer.module.scss | 15 +++++++++------
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/pages/tournament.tsx b/pages/tournament.tsx
index 829744be5..88bab5174 100644
--- a/pages/tournament.tsx
+++ b/pages/tournament.tsx
@@ -15,7 +15,14 @@ export default function Tournament() {
 
   return (
     <div className={styles.pageWrap}>
-      <h1 className={styles.title}>Tournament</h1>
+      <div className={styles.titleWrap}>
+        <h1 className={styles.title}>Tournament</h1>
+        <div className={styles.buttonWrap}>
+          <button className={styles.manual} onClick={openManual}>
+            경기 규칙
+          </button>
+        </div>
+      </div>
       <div className={styles.tournamentText}> 예정된 토너먼트 </div>
       {data?.beforeTournament.length === 0 ? (
         <div className={styles.noTournamentText}>
@@ -31,12 +38,6 @@ export default function Tournament() {
         </div>
       )}
       <div className={styles.tournamentText}> 진행중인 토너먼트 </div>
-      <div className={styles.buttonWrap}>
-        <button className={styles.manual} onClick={openManual}>
-          {' '}
-          경기 규칙
-        </button>
-      </div>
       {data?.liveTournament?.length === 0 ? (
         <div className={styles.noTournamentText}>
           진행중인 토너먼트가 없습니다.
diff --git a/styles/tournament/TournamentContainer.module.scss b/styles/tournament/TournamentContainer.module.scss
index a2544fc4c..15fd6cdcc 100644
--- a/styles/tournament/TournamentContainer.module.scss
+++ b/styles/tournament/TournamentContainer.module.scss
@@ -4,11 +4,15 @@
   @include pageWrap;
 }
 
-.title {
-  @include pageTitle;
-  width: fit-content;
-  padding-bottom: 1rem;
-  cursor: pointer;
+.titleWrap {
+  display: flex;
+  justify-content: space-between;
+  .title {
+    @include pageTitle;
+    width: fit-content;
+    padding-bottom: 1rem;
+    cursor: pointer;
+  }
 }
 
 .tournamentCardContainer {
@@ -47,7 +51,6 @@
   display: flex;
   margin-right: 0.6rem;
   margin-bottom: 1rem;
-  justify-content: flex-end;
   align-items: center;
 
   .manual {