mobile tuneup

LukePeltier · Aug 19, 2021 · 75c01b5 · 75c01b5
1 parent ad2aee8
commit 75c01b5
Show file tree

Hide file tree

Showing 9 changed files with 22 additions and 44 deletions.
diff --git a/src/LukeWebsite/marioGolf/templates/marioGolf/player_detail.html b/src/LukeWebsite/marioGolf/templates/marioGolf/player_detail.html
@@ -33,28 +33,6 @@ <h1>{{ object.playerName }}</h1>
                 </div>
             </div>
         </div>
-        {% comment %} <div class="col col-md-6">
-            <div class="row">
-                <div class="col">
-                    <div id="playerChampionCountTableContainer">
-                        <table id="playerChampionCountTable" class="table table-hover table-bordered table-sm" style="width:100%"
-                            style="width:100%;" data-url="{% url 'playerChampionCountTable' object.pk %}">
-                            <thead>
-                                <tr>
-                                    <th>Champion</th>
-                                    <th>Play Count</th>
-                                    <th>Winrate</th>
-                                    <th>Average KDA</th>
-                                    <th>championID</th>
-                                    <th>riotChampionName</th>
-                                    <th>championVersion</th>
-                                </tr>
-                            </thead>
-                        </table>
-                    </div>
-                </div>
-            </div>
-        </div> {% endcomment %}
     </div>
 </div>
 {%endblock%}
diff --git a/src/LukeWebsite/marioGolf/templates/marioGolf/tournament_detail.html b/src/LukeWebsite/marioGolf/templates/marioGolf/tournament_detail.html
@@ -8,7 +8,7 @@ <h1 style="text-align:center;"><b>{{ tournament.name }}</b>&emsp;<i>{{ tournamen
         </div>
     </div>
     <div class="row justify-content-center">
-        <div id="Leaderboard" class="col-xl-5">
+        <div id="Leaderboard" class="col-xl-5 table-responsive">
             <table id="tournamentLeaderboardTable" class="table table-striped table-bordered" style="width:100%;"
                 data-url="{% url 'tournamentLeaderboardMario' object.pk %}">
                 <thead>
@@ -26,7 +26,7 @@ <h1 style="text-align:center;"><b>{{ tournament.name }}</b>&emsp;<i>{{ tournamen
         </div>
     </div>
     <div class="row justify-content-center pt-5">
-        <div id="Scorecard" class="col-xl-10 col-12" style="padding: 0px;">
+        <div id="Scorecard" class="col-xl-10 col-12 table-responsive" style="padding: 0px;">
             <table id="tournamentScorecardTable" class="table table-hover table-bordered table-sm" style="width:100%;"
                 data-url="{% url 'tournamentScorecardTableMario' object.pk %}">
                 <thead>

diff --git a/src/LukeWebsite/tenMans/templates/tenMans/champion_detail.html b/src/LukeWebsite/tenMans/templates/tenMans/champion_detail.html
@@ -21,7 +21,7 @@ <h2>Main Lane: {{mostPlayedLane}}</h2>
         </div>
         <div class="col-xl-6">
             <div class="row">
-                <div id="playerChampCountTableContainer" class="col" style="padding: 0px;">
+                <div id="playerChampCountTableContainer" class="col table-responsive" style="padding: 0px;">
                     <table id="playerChampCountTable" class="table table-hover table-bordered table-sm" style="width:100%"
                         style="width:100%;" data-url="{% url 'playerChampCountTable' object.pk %}">
                         <thead>
@@ -70,7 +70,7 @@ <h2>Main Lane: {{mostPlayedLane}}</h2>
         </div>
     </div>
     <div class="row">
-        <div id="champGamesTableContainer" class="col-12" style="padding: 0px;">
+        <div id="champGamesTableContainer" class="col-12 table-responsive" style="padding: 0px;">
             <table id="champGamesTable" class="table table-sm table-striped table-bordered"
                 data-url="{% url 'champGamesTable' object.pk %}">
                 <thead>

diff --git a/src/LukeWebsite/tenMans/templates/tenMans/duos.html b/src/LukeWebsite/tenMans/templates/tenMans/duos.html
@@ -31,7 +31,7 @@
         </div>
     </div>
     <div class="row justify-content-center" style='padding-bottom: 35px;'>
-        <div id="duoGamesTableContainer" class="col-9" style="padding: 0px;">
+        <div id="duoGamesTableContainer" class="col-9 table-responsive" style="padding: 0px;">
             <table id="duoGamesTable" class="table table-sm table-bordered"
                 data-url="{% url 'duoGamesTable' player1.id player2.id %}" style="margin: 0 auto; width: 100%; height: 100%;">
                 <thead>

diff --git a/src/LukeWebsite/tenMans/templates/tenMans/game_detail.html b/src/LukeWebsite/tenMans/templates/tenMans/game_detail.html
@@ -25,7 +25,7 @@ <h3>Game Duration: {{timeString}}</h3>
         </div>
     </div>
     <div class="row">
-        <div id="blueTeamTableContainer" class="col-xl-6">
+        <div id="blueTeamTableContainer" class="col-xl-6 table-responsive">
             <h2 style="background-color: rgba(63, 127, 191, 0.2);">Blue Team: <b>{{blueTeamWinString}}</b></h2>
             <table id="blueTeamTable" class="table table-striped table-bordered" style="width:100%;"
                 data-url="{% url 'blueTeamTable' object.pk %}">
@@ -105,7 +105,7 @@ <h2 style="background-color: rgba(191, 63, 63, 0.5)">Red Team: <b>{{redTeamWinSt
         </div>
     </div>
     <div class="row" style="padding-top:10px;">
-        <div id="blueTeamBansTableContainer" class="col-xl-6">
+        <div id="blueTeamBansTableContainer" class="col-xl-6 table-responsive">
             <h3>Blue Bans</h3>
             <table id="blueTeamBansTable" class="table table-striped table-bordered" style="width:100%;"
                 data-url="{% url 'blueTeamBanTable' object.pk %}">
@@ -118,7 +118,7 @@ <h3>Blue Bans</h3>
                 </thead>
             </table>
         </div>
-        <div id="redTeamBansTableContainer" class="col-xl-6">
+        <div id="redTeamBansTableContainer" class="col-xl-6 table-responsive">
             <h3>Red Bans</h3>
             <table id="redTeamBansTable" class="table table-striped table-bordered" style="width:100%;"
                 data-url="{% url 'redTeamBanTable' object.pk %}">

diff --git a/src/LukeWebsite/tenMans/templates/tenMans/index.html b/src/LukeWebsite/tenMans/templates/tenMans/index.html
@@ -15,7 +15,7 @@ <h2>Total Games Played: {{gameTotal}}*</h2>
     <div id="loadingText" class="align-middle text-center" style="font-size:25px"><i class="fas fa-spinner fa-spin"></i></i> Loading</div>
       <canvas id="overallWinrateChart" data-url="{% url 'overallWinrateChart' %}"</canvas>
     </div>
-    <div id="overallWinrateTableContainer" class="col-xl-6">
+    <div id="overallWinrateTableContainer" class="col-xl-6 table-responsive">
       <table id="overallWinrateTable" class="table table-hover table-bordered table-sm" style="width:100%"
         data-url="{% url 'overallWinrateTable' %}">
         <thead>
@@ -43,7 +43,7 @@ <h2>Total Games Played: {{gameTotal}}*</h2>
     <div id="overallPlaytimeChartContainer" class="col-xl-6">
       <canvas id="overallPlaytimeChart" data-url="{% url 'overallPlaytimeChart' %}"></canvas>
     </div>
-    <div id="overallPlaytimeTableContainer" class="col-xl-6">
+    <div id="overallPlaytimeTableContainer" class="col-xl-6 table-responsive">
       <table id="overallPlaytimeTable" class="table table-hover table-bordered table-sm" style="width:100%"
         data-url="{% url 'overallPlaytimeTable' %}">
         <thead>

diff --git a/src/LukeWebsite/tenMans/templates/tenMans/lane_matchup.html b/src/LukeWebsite/tenMans/templates/tenMans/lane_matchup.html
@@ -27,7 +27,7 @@
             </canvas>
         </div>
         <div class="col col-md-6">
-            <div id="matchupCountTableContainer">
+            <div id="matchupCountTableContainer" class="table-responsive">
                 <table id="matchupCountTable" class="table table-hover table-bordered table-sm" style="width:100%;"
                     data-url="{% url 'matchupCountTable' player1.id player2.id %}">
                     <thead>
@@ -41,7 +41,7 @@
         </div>
     </div>
     <div class="row justify-content-center" style='padding-bottom: 35px;'>
-        <div id="matchupGamesTableContainer" class="col-9" style="padding: 0px;">
+        <div id="matchupGamesTableContainer" class="col-9 table-responsive" style="padding: 0px;">
             <table id="matchupGamesTable" class="table table-sm table-bordered"
                 data-url="{% url 'matchupGamesTable' player1.id player2.id %}" style="margin: 0 auto; width: 100%; height: 100%;">
                 <thead>

diff --git a/src/LukeWebsite/tenMans/templates/tenMans/playerDraftStats.html b/src/LukeWebsite/tenMans/templates/tenMans/playerDraftStats.html
@@ -5,7 +5,7 @@
 {%block content%}
 <div class="container-fluid">
     <div id="draftOrderContainer" class="row">
-        <div id="averageDraftOrderTableContainer" class="col-xl-6">
+        <div id="averageDraftOrderTableContainer" class="col-xl-6 table-responsive">
         <h2>Average Draft Order</h2>
             <table id="averageDraftOrderTable" class="table table-hover table-bordered table-sm" style="width:100%"
                 data-url="{% url 'averageDraftOrderTable' %}">
@@ -18,7 +18,7 @@ <h2>Average Draft Order</h2>
                 </thead>
             </table>
         </div>
-        <div id="expectedDraftOrderWinrateTableContainer" class="col-xl-6">
+        <div id="expectedDraftOrderWinrateTableContainer" class="col-xl-6 table-responsive">
         <h2>Expected Draft Order by Winrate Confidence</h2>
             <table id="expectedDraftOrderWinrateTable" class="table table-hover table-bordered table-sm" style="width:100%"
                 data-url="{% url 'expectedDraftOrderWinrateTable' %}">
@@ -33,7 +33,7 @@ <h2>Expected Draft Order by Winrate Confidence</h2>
         </div>
     </div>
     <div class="row justify-content-md-center">
-        <div id="expectedDraftOrderWinrateTopTableContainer" class="col-xl-2">
+        <div id="expectedDraftOrderWinrateTopTableContainer" class="col-xl-2 table-responsive">
             <h2>Top Lane</h2>
             <table id="expectedDraftOrderWinrateTopTable" class="table table-hover table-bordered table-sm" style="width:100%"
                 data-url="{% url 'expectedDraftOrderWinrateLaneTable' lane='Top'%}">
@@ -46,7 +46,7 @@ <h2>Top Lane</h2>
                 </thead>
             </table>
         </div>
-        <div id="expectedDraftOrderWinrateJungTableContainer" class="col-xl-2">
+        <div id="expectedDraftOrderWinrateJungTableContainer" class="col-xl-2 table-responsive">
             <h2>Jungle</h2>
             <table id="expectedDraftOrderWinrateJungTable" class="table table-hover table-bordered table-sm" style="width:100%"
                 data-url="{% url 'expectedDraftOrderWinrateLaneTable' lane='Jungle'%}">
@@ -59,7 +59,7 @@ <h2>Jungle</h2>
                 </thead>
             </table>
         </div>
-        <div id="expectedDraftOrderWinrateMidTableContainer" class="col-xl-2">
+        <div id="expectedDraftOrderWinrateMidTableContainer" class="col-xl-2 table-responsive">
             <h2>Mid Lane</h2>
             <table id="expectedDraftOrderWinrateMidTable" class="table table-hover table-bordered table-sm" style="width:100%"
                 data-url="{% url 'expectedDraftOrderWinrateLaneTable' lane='Mid'%}">
@@ -72,7 +72,7 @@ <h2>Mid Lane</h2>
                 </thead>
             </table>
         </div>
-        <div id="expectedDraftOrderWinrateBotTableContainer" class="col-xl-2">
+        <div id="expectedDraftOrderWinrateBotTableContainer" class="col-xl-2 table-responsive">
             <h2>Bot Lane</h2>
             <table id="expectedDraftOrderWinrateBotTable" class="table table-hover table-bordered table-sm" style="width:100%"
                 data-url="{% url 'expectedDraftOrderWinrateLaneTable' lane='Bot'%}">
@@ -85,7 +85,7 @@ <h2>Bot Lane</h2>
                 </thead>
             </table>
         </div>
-        <div id="expectedDraftOrderWinrateSuppTableContainer" class="col-xl-2">
+        <div id="expectedDraftOrderWinrateSuppTableContainer" class="col-xl-2 table-responsive">
             <h2>Support</h2>
             <table id="expectedDraftOrderWinrateSuppTable" class="table table-hover table-bordered table-sm" style="width:100%"
                 data-url="{% url 'expectedDraftOrderWinrateLaneTable' lane='Support'%}">
@@ -100,7 +100,7 @@ <h2>Support</h2>
         </div>
     </div>
     <div class="row justify-content-md-center">
-        <div id="expectedDraftOrderWinrateCaptainTableContainer" class="col-xl-2">
+        <div id="expectedDraftOrderWinrateCaptainTableContainer" class="col-xl-2 table-responsive">
             <h2>Captain</h2>
             <table id="expectedDraftOrderWinrateCaptainTable" class="table table-hover table-bordered table-sm" style="width:100%"
                 data-url="{% url 'expectedDraftOrderWinrateCaptainTable'%}">

diff --git a/src/LukeWebsite/tenMans/templates/tenMans/player_detail.html b/src/LukeWebsite/tenMans/templates/tenMans/player_detail.html
@@ -76,7 +76,7 @@ <h4>Trophy Case</h4>
             </div>
             <div class="row">
                 <div class="col">
-                    <div id="playerLaneCountTableContainer">
+                    <div id="playerLaneCountTableContainer" class="table-responsive">
                         <table id="playerLaneCountTable" class="table table-hover table-bordered table-sm" style="width:100%"
                             style="width:100%;" data-url="{% url 'playerLaneCountTable' object.pk %}">
                             <thead>
@@ -92,7 +92,7 @@ <h4>Trophy Case</h4>
             </div>
             <div class="row">
                 <div class="col">
-                    <div id="playerChampionCountTableContainer">
+                    <div id="playerChampionCountTableContainer" class="table-responsive">
                         <table id="playerChampionCountTable" class="table table-hover table-bordered table-sm" style="width:100%"
                             style="width:100%;" data-url="{% url 'playerChampionCountTable' object.pk %}">
                             <thead>