Merge pull request #287 from FitzwilliamMuseum/Bootstrap_5_migration

Bootstrap 5 migration
FitzwilliamMuseum · Apr 29, 2022 · eb4ef0c · eb4ef0c
2 parents 140f7db + 6777ba8
commit eb4ef0c
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/resources/views/includes/elements/directions.blade.php b/resources/views/includes/elements/directions.blade.php
@@ -1,15 +1,13 @@
 <div class="container-fluid bg-grey py-3">
     <div class="container mb-3">
         <h3 class="mt-3">Getting here</h3>
-        <div class="accordion" id="accordionDirections">
+        <div class="accordion mt-2" id="accordionDirections">
             <div class="card">
                 <div class="card-header" id="headingOne">
-                    <button class="btn btn-dark d-block text-center" type="button" data-toggle="collapse"
-                            data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+                    <button class="btn btn-dark d-block text-center" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                         {{ $directions['data']['0']['method']}}
                     </button>
                 </div>
-
                 <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                      data-parent="#accordionDirections">
                     <div class="card-body">
@@ -19,8 +17,8 @@
             </div>
             <div class="card">
                 <div class="card-header" id="headingTwo">
-                    <button class="btn btn-dark collapsed d-block text-center" type="button" data-toggle="collapse"
-                            data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+                    <button class="btn btn-dark collapsed d-block text-center" type="button" data-bs-toggle="collapse"
+                            data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                         {{ $directions['data']['1']['method']}}
                     </button>
                 </div>
@@ -32,8 +30,8 @@
             </div>
             <div class="card">
                 <div class="card-header" id="headingThree">
-                    <button class="btn btn-dark collapsed d-block text-center" type="button" data-toggle="collapse"
-                            data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+                    <button class="btn btn-dark collapsed d-block text-center" type="button" data-bs-toggle="collapse"
+                            data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                         {{ $directions['data']['2']['method']}}
                     </button>
                 </div>
@@ -45,8 +43,8 @@
             </div>
             <div class="card">
                 <div class="card-header" id="headingFour">
-                    <button class="btn btn-dark collapsed d-block text-center" type="button" data-toggle="collapse"
-                            data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
+                    <button class="btn btn-dark collapsed d-block text-center" type="button" data-bs-toggle="collapse"
+                            data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                         {{ $directions['data']['3']['method']}}
                     </button>
                 </div>
@@ -57,6 +55,8 @@
                 </div>
             </div>
         </div>
+
+
         <h3 class="mt-3">Directions via Google Maps</h3>
         <div class="col-12 shadow-sm p-3 mx-auto mb-3">
             <div class="row text-center">