nouveau routeur! et contrôleurs et vues pour la connexion et la gestion du compte, début d'utilisation de Request et Response

2 files changed, 50 insertions, 16 deletions

diff --git a/public/css/body.css b/public/css/body.css
index a03510f..274627c 100644
--- a/public/css/body.css
+++ b/public/css/body.css
@@ -55,6 +55,13 @@ section > h3
     margin: 0;
     text-align: center;
 }
+.login_form
+{
+    background-color: white;
+    margin: 15px;
+    padding: 15px;
+}
+
 .grid_columns
 {
     display: grid;
@@ -181,7 +188,7 @@ button .action_icon:hover
     display: flex;
     justify-content: end;
 }
-section button
+section button, section input[type=submit]
 {
     color: #ff1d04;
     font-size: medium;
@@ -189,7 +196,7 @@ section button
     background-color: white;
     border: lightgrey 2px outset; /* rend identiques les boutons firefox et chromium */
 }
-section button:hover
+section button:hover, section input[type=submit]:hover
 {
     background-color: yellow;
     border-radius: 4px;
@@ -199,4 +206,45 @@ section button:hover
 article a:hover
 {
     cursor: pointer;
+}
+
+.user_edit_header
+{
+    /*display: flex;
+    justify-content: space-evenly;
+    align-items: center;*/
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    text-align: center;
+    padding: 15px;
+}
+.user_icon
+{
+    height: 36px;
+}
+.user_edit_flex
+{
+    /*display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;*/
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+}
+@media screen and (max-width: 900px)
+{
+    .user_edit_flex
+    {
+        display: block;
+    }
+}
+@media screen and (max-width: 500px)
+{
+    .empty_column
+    {
+        display: none;
+    }
+    .user_edit_header
+    {
+        grid-template-columns: repeat(2, 1fr);
+    }
 }
\ No newline at end of file
diff --git a/public/css/form.css b/public/css/form.css
index 84c73ac..5bfa768 100644
--- a/public/css/form.css
+++ b/public/css/form.css
@@ -14,20 +14,6 @@
 .form .full_width_column{
         grid-column: 1 / span 2;
 }
-.form_inputs input[type=submit]
-{
-        color: #ff1d04;
-        font-size: medium;
-        border-radius: 4px;
-        background-color: white;
-        border: lightgrey 2px outset;
-}
-.form_inputs input[type=submit]:hover
-{
-        background-color: yellow;
-        border-radius: 4px;
-        cursor: pointer;
-}
 
 .no_recipient_warning{
         color: red;