UI : align overview and todays UI with centered stats #182 (#191)

* Move chart to center

* Align css

* Align dark-style.css

* Add stats title

* Removed title : cleaner look

* Shorter titles for stats

* Shorter title, unique is implicit

* Invert Species Total and Today

* Re-add left chart

* Re-add left chart bis

* Adapt css for flexible layout

* Align with main css

* Restore overview-stats, add center-column

* Restore style, add center-column

* Restore css

* add center-column

* Remove useless change

* Prevents centering

* Prevents centering

* Aggregate ajax sqlite

* Ensured the 5 sqlite commands are centralized

* Load center only after left has completed (to sync values)

homepage/style.css

@@ -261,6 +261,9 @@ button:hover {
   justify-content: center;
 }
 
+.center-column {
+  display: none;
+}
 .left-column {
   flex: 10%;
   padding-left: 10px;
@@ -477,6 +480,10 @@ button:hover {
   .column1,.column2,.column3,.column4 {
     height: 90%
   }
+  .center-column {
+    display: flex;
+    justify-content: center;
+  }
   .left-column {
     display: none;
   }
@@ -491,7 +498,7 @@ button:hover {
     overflow-x: hidden;
   }
   .overview .right-column .chart img {
-    margin-left: 5%;
+    margin-left: auto;
     margin-right: auto;
     margin-top: 10px;
   }
@@ -608,6 +615,10 @@ button:hover {
   .topnav.responsive button {
     display: block;
   }
+  .center-column {
+    display: flex;
+    justify-content: center;
+  }
   .left-column {
     display: none;
   }