fix midlle section and history push

static/css/main.css

@@ -97,8 +97,9 @@ a:hover {
 }
 
 .row-section {
-    display: flex;
+    display: grid;
-    flex-direction: row;
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr 0fr 1fr;
 }
 
 .column-section {
@@ -193,7 +194,11 @@ button[type="submit"]:hover {
     #logo > img {
         width: 150px;
     }
+    #spacer {
+        display: none;
+    }
     .row-section {
+        display: flex;
         flex-direction: column;
         width: 100%;
         align-items: center;

static/js/main.js

@@ -1,11 +1,18 @@
 const base_url = "https://oss110metz.rezo-rm.fr/"
 
+var historyHandler = [];
+window.onpopstate = history.onpushstate = function(e) {
+    show_page(e.state);
+};
+history.pushState("#main-page", "", "")
+
 function show_page(id) {
     $('#main-page').hide();
     $('#admin-page').hide();
     $('#login-page').hide();
     $('#demande-page').hide();
     $(id).show();
+    history.pushState(id, "", "")
 }
 
 $("#login-button").click(function (e) {
@@ -27,7 +34,7 @@ $("#login-button").click(function (e) {
                 localStorage.setItem("user", data.user);
                 show_page('#demande-page');
             } else {
-                
+
             }
 
         }
@@ -76,4 +83,3 @@ $(window).on("load", function() {
         }));
     }, 1000);
 });
-