From 20d98c5e1d089636b4e674eb24b18e26b7a86214 Mon Sep 17 00:00:00 2001
From: Gnieark <gnieark@free.fr>
Date: Fri, 27 Dec 2019 15:35:02 +0100
Subject: [PATCH] grid-css

---
 public/css/style.css                  | 10 ++++++++--
 templates/base.html.twig              |  2 ++
 templates/security/login.html.twig    | 18 ++++++++++--------
 templates/security/register.html.twig |  6 +++---
 4 files changed, 23 insertions(+), 13 deletions(-)
diff --git a/public/css/style.css b/public/css/style.css
index 03cb77f..eb70ff4 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -11,9 +11,10 @@ body{
 
     display: grid;
     grid-template-areas: "header header"
+                         "contentFull contentFull"
                          "nav content"
                          "footer footer";
-    grid-template-columns: 20% auto;
+    grid-template-columns: 20em auto;
 }
 
 body header {
@@ -26,13 +27,18 @@ body nav {
 section#main {
     grid-area: content;
 }
+section.overnav{
+    grid-area: contentFull;
+    justify-self: center;
+    
+}
 body footer {
     grid-area: footer;
 }
 
 form{
     display: grid;
-    grid-template-columns: 200px 1fr;
+    grid-template-columns: 15em 30em;
 }
 form label {
     grid-column: 1 / 2;
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 12573b6..66b1425 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -11,9 +11,11 @@
     <body>
         <header>{% block header %}<h1>Resources booking manager</h1>{% endblock %}</header>
         <nav></nav>
+        {% block overcontent %}
         <section id="main">
         {% block content %}{% endblock %}
         </section>
+        {% endblock %}
         <footer></footer>
         {% block javascripts %}{% endblock %}
     </body>
diff --git a/templates/security/login.html.twig b/templates/security/login.html.twig
index 92f8b6d..6f0767d 100644
--- a/templates/security/login.html.twig
+++ b/templates/security/login.html.twig
@@ -2,12 +2,14 @@
 
 {% block title %}Log in{% endblock %}
 
-{% block content %}
-<form method="post">
-    <h2>Please sign in</h2>
-    <label for="inputEmail">Email</label> <input type="email" value="{{ last_username }}" name="email" id="inputEmail" required autofocus>
-    <label for="inputPassword">Password</label> <input type="password" name="password" id="inputPassword" required>
-    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
-    <input type="submit" value="Sign in"/>
-</form>
+{% block overcontent %}
+<section class="overnav">
+    <form method="post">
+        <h2>Please sign in</h2>
+        <label for="inputEmail">Email</label> <input type="email" value="{{ last_username }}" name="email" id="inputEmail" required autofocus>
+        <label for="inputPassword">Password</label> <input type="password" name="password" id="inputPassword" required>
+        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
+        <input type="submit" value="Sign in"/>
+    </form>
+</section>
 {% endblock %}
diff --git a/templates/security/register.html.twig b/templates/security/register.html.twig
index f3c3537..48d7281 100644
--- a/templates/security/register.html.twig
+++ b/templates/security/register.html.twig
@@ -1,8 +1,8 @@
 {% extends 'base.html.twig' %}
 {% block title %}Register{% endblock %}
 {% block header %}<h1>Register a new user</h1>{% endblock %}
-{% block content %}
-
+{% block overcontent %}
+<section class="overnav">
 {{ form(form) }}
-
+</section>
 {% endblock %}
