From fb954a3e5be54c3b7978b7036904c43fee55261a Mon Sep 17 00:00:00 2001
From: William Petit <wpetit@cadoles.com>
Date: Mon, 5 Oct 2020 15:18:35 +0200
Subject: [PATCH] =?UTF-8?q?R=C3=A9organisation=20visuelle=20du=20tableau?=
 =?UTF-8?q?=20de=20bord?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DashboardPage/Dashboard.tsx    | 27 ++++++++++++++-----
 .../components/DashboardPage/ItemPanel.tsx    |  2 +-
 2 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/client/src/components/DashboardPage/Dashboard.tsx b/client/src/components/DashboardPage/Dashboard.tsx
index 528e026..8ffeabf 100644
--- a/client/src/components/DashboardPage/Dashboard.tsx
+++ b/client/src/components/DashboardPage/Dashboard.tsx
@@ -18,18 +18,31 @@ export function Dashboard() {
 
   return (
     <div className="columns">
-      <div className="column is-5">
-        <div className="box">
-          <h3 className="is-size-3 mb-3">Ces 7 derniers jours</h3>
-          <Timeline events={events} />
-        </div>
-      </div>
       <div className="column is-4">
         <DecisionSupportFilePanel />
       </div>
-      <div className="column is-3">
+      <div className="column is-4">
         <WorkgroupsPanel />
       </div>
+      <div className="column is-4">
+        <div className="panel is-info">
+          <p className="level panel-heading mb-0">
+            <div className="level-left">
+              <div className="level-item">
+              Ces 7 derniers jours
+              </div>
+            </div>
+            <div className="level-right">
+              <button disabled={true} className="button level-item is-outlined is-info is-inverted">
+                <i className="icon fa fa-sliders-h"></i>
+              </button>
+            </div>
+          </p>
+          <div className="panel-block">
+            <Timeline events={events} />
+          </div>
+        </div>
+      </div>
     </div>
   );
 }
\ No newline at end of file
diff --git a/client/src/components/DashboardPage/ItemPanel.tsx b/client/src/components/DashboardPage/ItemPanel.tsx
index d84860d..84211af 100644
--- a/client/src/components/DashboardPage/ItemPanel.tsx
+++ b/client/src/components/DashboardPage/ItemPanel.tsx
@@ -88,7 +88,7 @@ export const ItemPanel: FunctionComponent<ItemPanelProps> = (props) => {
       </div>
       <div className="panel-block">
         <p className="control has-icons-left">
-          <input className="input" type="text" placeholder="Filtrer..." />
+          <input disabled={true} className="input" type="text" placeholder="Filtrer..." />
           <span className="icon is-left">
             <i className="fas fa-search" aria-hidden="true"></i>
           </span>