From 8a926f39246d981cc5c814b8f31e891cb6b1dab2 Mon Sep 17 00:00:00 2001
From: Lars van Rhijn <larsvanrhijn@gmail.com>
Date: Wed, 4 Oct 2023 20:31:49 +0200
Subject: [PATCH] Other container layout and responsive queue container

---
 marietje/queues/templates/queues/queue.html | 6 +++---
 marietje/songs/templates/songs/manage.html  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/marietje/queues/templates/queues/queue.html b/marietje/queues/templates/queues/queue.html
index f9e857e..7039f2a 100644
--- a/marietje/queues/templates/queues/queue.html
+++ b/marietje/queues/templates/queues/queue.html
@@ -5,7 +5,7 @@
 
 {% block content %}
     <nav class="navbar navbar-expand navbar-default navbar-light border-bottom">
-        <div class="container">
+        <div class="container-lg">
             <ul class="nav nav-pills" role="tablist">
                 <li class="nav-item" role="presentation">
                     <button class="nav-link active" id="queue-tab" data-bs-toggle="tab" data-bs-target="#queue"
@@ -51,7 +51,7 @@
             </ul>
         </div>
     </nav>
-    <div class="container">
+    <div class="container-lg">
         <br><br>
         <div class="alert-location">
         </div>
@@ -117,7 +117,7 @@
                 </div>
             </div>
             <div class="tab-pane fade" id="request" role="tabpanel" aria-labelledby="request-tab">
-                <div id="request-container">
+                <div id="request-container" class="table-responsive">
                     <table id="request-table" class="table table-striped">
                         <thead>
                         <tr>
diff --git a/marietje/songs/templates/songs/manage.html b/marietje/songs/templates/songs/manage.html
index 253a271..c29da8c 100644
--- a/marietje/songs/templates/songs/manage.html
+++ b/marietje/songs/templates/songs/manage.html
@@ -4,7 +4,7 @@
 {% block title %}Manage{% endblock %}
 
 {% block content %}
-    <div class="container">
+    <div class="container-lg">
         <div class="table-responsive mt-5">
             <table id="request-table" class="table table-striped">
                 <thead>