Réorganisation visuelle du tableau de bord

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>
   );
 }

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>