From 195fae86d663c81cc3faa7653d1b7fe8cd6a27ce Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Mon, 8 Aug 2016 21:54:45 -0400
Subject: Make filter box and project header more responsive

---
 app/Template/project_header/header.php | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

(limited to 'app/Template/project_header/header.php')

diff --git a/app/Template/project_header/header.php b/app/Template/project_header/header.php
index aaa8137b..6c91e38b 100644
--- a/app/Template/project_header/header.php
+++ b/app/Template/project_header/header.php
@@ -1,15 +1,21 @@
 <div class="project-header">
     <?= $this->hook->render('template:project:header:before', array('project' => $project)) ?>
 
-    <?= $this->render('project_header/dropdown', array('project' => $project, 'board_view' => $board_view)) ?>
-    <?= $this->render('project_header/views', array('project' => $project, 'filters' => $filters)) ?>
-    <?= $this->render('project_header/search', array(
-        'project' => $project,
-        'filters' => $filters,
-        'custom_filters_list' => isset($custom_filters_list) ? $custom_filters_list : array(),
-        'users_list' => isset($users_list) ? $users_list : array(),
-        'categories_list' => isset($categories_list) ? $categories_list : array(),
-    )) ?>
+    <div class="dropdown-component">
+        <?= $this->render('project_header/dropdown', array('project' => $project, 'board_view' => $board_view)) ?>
+    </div>
+    <div class="views-switcher-component">
+        <?= $this->render('project_header/views', array('project' => $project, 'filters' => $filters)) ?>
+    </div>
+    <div class="filter-box-component">
+        <?= $this->render('project_header/search', array(
+            'project' => $project,
+            'filters' => $filters,
+            'custom_filters_list' => isset($custom_filters_list) ? $custom_filters_list : array(),
+            'users_list' => isset($users_list) ? $users_list : array(),
+            'categories_list' => isset($categories_list) ? $categories_list : array(),
+        )) ?>
+    </div>
 
     <?= $this->hook->render('template:project:header:after', array('project' => $project)) ?>
-</div>
\ No newline at end of file
+</div>
-- 
cgit v1.2.3