From ec4338bdb9434a0f2aec0bb0bfd6c76331795da4 Mon Sep 17 00:00:00 2001
From: shiibe <beckchop9@gmail.com>
Date: Fri, 23 Sep 2022 16:59:03 -0400
Subject: [PATCH] Make ai battle label column sticky

---
 TaikoWebUI/Pages/HighScores.razor      |  2 +-
 TaikoWebUI/wwwroot/style.overrides.css | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/TaikoWebUI/Pages/HighScores.razor b/TaikoWebUI/Pages/HighScores.razor
index 7ff5fd7..35f47a4 100644
--- a/TaikoWebUI/Pages/HighScores.razor
+++ b/TaikoWebUI/Pages/HighScores.razor
@@ -102,7 +102,7 @@
 		                            @if (context.Item.ShowAiData)
 				                    {
                                         <MudTr>
-                                            <td colspan="1" class="pa-3" style="background: #FAFAFA">
+                                            <td colspan="1" class="pa-3 ai-battle-td">
                                                 <MudText Typo="Typo.body2" Style="font-weight: bold">
                                                     AI Battle Data
                                                 </MudText>
diff --git a/TaikoWebUI/wwwroot/style.overrides.css b/TaikoWebUI/wwwroot/style.overrides.css
index de3bf13..e1a5915 100644
--- a/TaikoWebUI/wwwroot/style.overrides.css
+++ b/TaikoWebUI/wwwroot/style.overrides.css
@@ -33,4 +33,19 @@
 
 .columns-panel {
     column-count: 2;
+}
+
+.ai-battle-td {
+    position: sticky;
+    left: 0;
+    top: 0;
+    z-index: 99;
+    background: #FAFAFA;
+    display: none;
+}
+
+@media only screen and (min-width: 600px) {
+    .ai-battle-td {
+        display: revert;
+    }
 }
\ No newline at end of file