[UPD] add shadow to graph cards

static/src/css/style.css

@@ -3,3 +3,6 @@
     max-width: 300px;
 }
 
+.op-detail .op-graph {
+    height: 100%;
+}

templates/operation_templates_page.xml

@@ -14,7 +14,7 @@
                     <t t-call="oacc_portal_overview_cdc.nav_button" />
                 </div>
                 <div class="row bg-white pt-3 pb-3 text-center">
-                    <div class="col-12 col-md-6">
+                    <div class="col-12 col-md-6 p-3">
                         <h2>La consommation</h2>
                         <t
                             t-call="oacc_portal_overview_cdc.profil_conso"
@@ -27,7 +27,7 @@
                         />
                     </div>
 
-                    <div class="col-12 col-md-6">
+                    <div class="col-12 col-md-6 p-3">
                         <h2>La Production</h2>
                             <t
                             t-call="oacc_portal_overview_cdc.profil_prod"
@@ -57,7 +57,7 @@
                         t-call="oacc_portal_overview_cdc.nav_button"
                     />
                 </div>
-                <div class="row mb32 bg-white">
+                <div class="row mb32 bg-white op-detail">
                     <div class="col-md-6 col-12 p-3">
                         <t
                             t-call="oacc_portal_overview_cdc.profil_conso"
@@ -93,7 +93,7 @@
                     />
                 </div>
 
-                <div class="row mb32 bg-white">
+                <div class="row mb32 bg-white op-detail">
                     <div class="col-md-6 col-12 p-3">
                         <t
                             t-call="oacc_portal_overview_cdc.profil_prod"
@@ -250,7 +250,7 @@
     </template>
 
     <template id="profil_conso">
-        <div class="text-center mb-4">
+        <div class="text-center mb-4 p-3 shadow op-graph">
             <h3>Profil</h3>
             <p
             >Cliquez sur les termes « Autoconso » ou « AlloConso » pour faire apparaître ou disparaître les données correspondantes.</p>
@@ -264,7 +264,7 @@
     </template>
 
     <template id="bilan_conso">
-        <div class="text-center mb-4">
+        <div class="text-center mb-4 p-3 shadow op-graph">
             <h3>Bilan</h3>
             <br /><br />
             <canvas
@@ -277,7 +277,7 @@
     </template>
 
     <template id="cdc_conso">
-        <div class="js_curv_line text-center">
+        <div class="js_curv_line text-center p-3 shadow op-graph">
             <h3>Courbe de charge</h3>
             <p
             >Cliquez sur les termes « Conso », « Production solaire » ou « Autoconso » pour faire apparaître ou disparaître les courbes correspondantes.</p>
@@ -291,7 +291,7 @@
     </template>
 
     <template id="profil_prod">
-        <div class="text-center mb-4">
+        <div class="text-center mb-4 p-3 shadow op-graph">
             <h3>Profil</h3>
             <p
             >Cliquez sur les termes « AutoConso » ou « Surplus » pour faire apparaître ou disparaître les données correspondantes.</p>
@@ -305,7 +305,7 @@
     </template>
 
     <template id="bilan_prod">
-        <div class="text-center mb-4">
+        <div class="text-center mb-4 p-3 shadow op-graph">
             <h3>Bilan</h3>
             <br /><br />
             <canvas
@@ -318,7 +318,7 @@
     </template>
 
     <template id="cdc_prod">
-        <div class="js_curv_line text-center mt-5">
+        <div class="js_curv_line text-center p-3 shadow op-graph">
             <h3>Courbe de charge</h3>
             <p
             >Cliquez sur les termes « AutoConso » ou « Surplus » pour faire apparaître ou disparaître les courbes correspondantes.</p>