From d3fd3c427d1f6f666ec3b2857104695df705eb70 Mon Sep 17 00:00:00 2001
From: Jannik Beyerstedt <code@jannikbeyerstedt.de>
Date: Mon, 1 Jan 2018 22:16:41 +0100
Subject: [PATCH] shifts view: add button to collapse the filters

---
 templates/user_shifts.html | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/templates/user_shifts.html b/templates/user_shifts.html
index 83458529..2fdade29 100644
--- a/templates/user_shifts.html
+++ b/templates/user_shifts.html
@@ -60,13 +60,22 @@
                 </div>
             </div>
         </div>
-        <div class="col-md-2 col-xs-4 col-xxs-12">%room_select%</div>
-        <div class="col-md-2 col-xs-4 col-xxs-12">%type_select%</div>
-        <div class="col-md-2 col-xs-4 col-xxs-12">%filled_select%</div>
+        <div class="col-md-6">
+            <button class="btn btn-info btn-sm" style="margin-top: 20px; margin-bottom:10px" type="button" data-toggle="collapse" 
+              data-target="#collapseRoomSelect" aria-expanded="false"
+              aria-controls="collapseRoomSelect">
+                collapse/show filters
+            </button>
+            <div class="collapse in row" id="collapseRoomSelect">
+                <div class="col-xs-4 col-xxs-12">%room_select%</div>
+                <div class="col-xs-4 col-xxs-12">%type_select%</div>
+                <div class="col-xs-4 col-xxs-12">%filled_select%</div>
+                <div class="col-sm-12"><p>%task_notice%</p></div>
+            </div>
+        </div>
     </div>
     <div class="row">
         <div class="col-md-12">
-            <div><p>%task_notice%</p></div>
             <input class="btn btn-primary" type="submit" style="width:75%; margin-bottom: 20px" value="%filter%">
         </div>
     </div>