[IMP] awesome_dashboard: improving visual

Author: jucop-odoo

awesome_dashboard/static/src/dashboard.scss

@@ -1,10 +1,9 @@
 .o_dashboard {
   background-color: #bfbfbf;
   display: flex;
-  flex-direction: row;
-  align-items: flex-start;
+  flex-flow: row wrap;
+  align-content: flex-start;
   gap: 1rem;
   padding: 0.5rem;
-  flex-wrap: wrap;
   justify-content: flex-start;
 }

awesome_dashboard/static/src/dashboard.xml

@@ -7,7 +7,7 @@
                 <button class="btn btn-primary" t-on-click="openLeads">Leads</button>
             </t>
 
-            <DashboardItem>
+            <DashboardItem size="1.5">
                 <t t-set-slot="title">
                     Average amount of t-shirt by order this month
                 </t>
@@ -18,10 +18,10 @@
 
             <DashboardItem size="2">
                 <t t-set-slot="title">
-                    Average time for an order to go from 'newe' to 'sent' or 'cancelled'
+                    Average time for an order to go from 'new' to 'sent' or 'cancelled'
                 </t>
                 <t t-set-slot="count">
-                    <t t-esc="this.state.statistics.average_quantity"></t>
+                    <t t-esc="this.state.statistics.average_time"></t>
                 </t>
             </DashboardItem>
 
@@ -30,25 +30,25 @@
                     Number of new orders this month
                 </t>
                 <t t-set-slot="count">
-                    <t t-esc="this.state.statistics.average_quantity"></t>
+                    <t t-esc="this.state.statistics.nb_new_orders"></t>
                 </t>
             </DashboardItem>
 
-            <DashboardItem size="0.8">
+            <DashboardItem size="1.5">
                 <t t-set-slot="title">
                     Number of cancelled orders this month
                 </t>
                 <t t-set-slot="count">
-                    <t t-esc="this.state.statistics.average_quantity"></t>
+                    <t t-esc="this.state.statistics.nb_cancelled_orders"></t>
                 </t>
             </DashboardItem>
 
-            <DashboardItem size="0.8">
+            <DashboardItem size="1.5">
                 <t t-set-slot="title">
                     Total amount of new orders this month
                 </t>
                 <t t-set-slot="count">
-                    <t t-esc="this.state.statistics.average_quantity"></t>
+                    <t t-esc="this.state.statistics.total_amount"></t>
                 </t>
             </DashboardItem>
         </Layout>