Use new text alignment classes for bootstrap 5

LukePeltier · Aug 8, 2021 · a0dd643 · a0dd643
1 parent 9221747
commit a0dd643
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/src/LukeWebsite/static/js/duos.js b/src/LukeWebsite/static/js/duos.js
@@ -106,11 +106,11 @@ $(function () {
                 },
                 {
                     targets: [1, 2, 3, 4],
-                    className: 'text-right'
+                    className: 'text-end'
                 },
                 {
                     targets: 5,
-                    className: 'text-right rightBorder leftBorder'
+                    className: 'text-end rightBorder leftBorder'
                 },
                 {
                     targets: [0],

diff --git a/src/LukeWebsite/static/js/lane_matchup.js b/src/LukeWebsite/static/js/lane_matchup.js
@@ -162,11 +162,11 @@ $(function () {
                 },
                 {
                     targets: [1, 2, 3, 4],
-                    className: 'text-right'
+                    className: 'text-end'
                 },
                 {
                     targets: 5,
-                    className: 'text-right rightBorder'
+                    className: 'text-end rightBorder'
                 },
                 {
                     targets: [0, 5],

diff --git a/src/LukeWebsite/tenMans/templates/tenMans/duos.html b/src/LukeWebsite/tenMans/templates/tenMans/duos.html
@@ -11,13 +11,13 @@
     </div>
     {% if player1 and player2 and duoWinrate %}
     <div class="row justify-content-center" style='padding-bottom: 35px;'>
-        <div class="col-4 text-right display-4">
+        <div class="col-4 text-end display-4">
             <a href='/ten_mans/player/{{player1.id}}'>{{player1.playerName}}</a>
         </div>
         <div class="col-4 text-center display-4">
         &
         </div>
-        <div class="col-4 text-left display-4">
+        <div class="col-4 text-start display-4">
             <a href='/ten_mans/player/{{player2.id}}'>{{player2.playerName}}</a>
         </div>
     </div>

diff --git a/src/LukeWebsite/tenMans/templates/tenMans/lane_matchup.html b/src/LukeWebsite/tenMans/templates/tenMans/lane_matchup.html
@@ -11,13 +11,13 @@
     </div>
     {% if player1 and player2 %}
     <div class="row justify-content-center" style='padding-bottom: 35px;'>
-        <div class="col-4 text-right display-4">
+        <div class="col-4 text-end display-4">
             <a href='/ten_mans/player/{{player1.id}}'>{{player1.playerName}}</a>
         </div>
         <div class="col-4 text-center display-4">
         VS
         </div>
-        <div class="col-4 text-left display-4">
+        <div class="col-4 text-start display-4">
             <a href='/ten_mans/player/{{player2.id}}'>{{player2.playerName}}</a>
         </div>
     </div>