style: Add flex container around buttons above airport overview

-
daveroverts · Dec 30, 2021 · 6576fc1 · 6576fc1
1 parent 46b3d2f
commit 6576fc1
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/resources/views/airport/admin/overview.blade.php b/resources/views/airport/admin/overview.blade.php
@@ -38,15 +38,16 @@
             });
         </script>
     @endpush
-    <p>
-        <a href="{{ route('admin.airports.create') }}" class="btn btn-primary"><i class="fa fa-plus"></i> Add new
-            Airport</a>&nbsp;
-        <a href="{{ route('admin.airportLinks.create') }}" class="btn btn-primary"><i class="fa fa-plus"></i> Add new
+    <div class="d-flex flex-row flex-wrap">
+        <a href="{{ route('admin.airports.create') }}" class="btn btn-primary m-1"><i class="fa fa-plus"></i> Add new
+            Airport</a>
+        <a href="{{ route('admin.airportLinks.create') }}" class="btn btn-primary m-1"><i class="fa fa-plus"></i> Add
+            new
             Airport
             Link</a>
-        <button class="btn btn-danger delete-unused-airports" form="delete-unused-airports"><i class="fa fa-trash"></i>
+        <button class="btn btn-danger m-1 delete-unused-airports" form="delete-unused-airports"><i class="fa fa-trash"></i>
             Delete unused airports</button>
-    </p>
+    </div>
     <table class="table table-hover">
         <thead>
             <tr>