page menu et chemins, partie4

2 files changed, 69 insertions, 10 deletions

diff --git a/public/css/foot.css b/public/css/foot.css
index 91f67ab..038d33b 100644
--- a/public/css/foot.css
+++ b/public/css/foot.css
@@ -6,6 +6,7 @@ footer
         background-color: #B7E9FE;
         /*width: 1200px;*/
         margin: auto;
+        padding: 0 20px;
         
 }
 footer > div
@@ -72,6 +73,20 @@ footer > div
 {
         max-width: 288px;
 }
+@media screen and (max-width: 1000px)
+{
+        .footer .contact
+        {
+                width: 70px;
+        }
+}
+@media screen and (max-width: 800px)
+{
+        footer > div
+        {
+                flex-direction: column;
+        }
+}
 
 .breadcrumb a
 {
diff --git a/public/css/menu.css b/public/css/menu.css
index 5016610..a338666 100644
--- a/public/css/menu.css
+++ b/public/css/menu.css
@@ -8,32 +8,56 @@
 {
         margin-left: 29px;
 }
+.menu .new_page_button
+{
+        background-color: white;
+        padding: 10px;
+}
 .menu img
 {
         width: 20px;
-        vertical-align: middle;
 }
-.menu form
+/*.menu form
 {
         display: inline;
+}*/
+.menu p
+{
+        margin: 5px;
 }
 
-/* explications pour l'utiisateur */
+/* explications pour l'utilisateur */
 .menu aside
 {
-        display: flex;
-        flex-wrap: wrap;
         background-color: white;
         padding: 10px;
+        margin-top: 10px;
 }
-.menu aside p
+.menu aside .controls_explanations
+{
+        display: flex;
+        flex-wrap: wrap;
+}
+.menu aside .controls_explanations p
 {
-        margin: 5px;
         font-size: smaller;
 }
+.menu aside img
+{
+        vertical-align: bottom;
+}
 .menu aside input
 {
         pointer-events: none; /* case non clicable, sauf action au clavier... */
+        vertical-align: bottom;
+}
+.menu #location, .menu input[type=submit]
+{
+        color: #ff1d04;
+        font-size: medium;
+        border-radius: 4px;
+        background-color: white;
+        border: lightgrey 2px outset;
 }
 
 .menu button
@@ -54,7 +78,7 @@ input
         vertical-align: middle;
         border: 2px #e3f3ff solid;
 }
-.move_entry_icon:hover
+.menu #location:hover, .menu input[type=submit]:hover, .move_entry_icon:hover
 {
         background-color: #ffff00;
         border-radius: 4px;
@@ -62,15 +86,35 @@ input
         cursor: pointer;
 }
 
-.menu .new_entry_buttons
+.menu form
+{
+        padding: 10px;
+        background-color: #f0f0f0f0;
+}
+.menu .url_form_zone
 {
         background-color: white;
         padding: 10px;
         margin-top: 10px;
 }
-.menu .new_entry_buttons p
+/*.menu .url_form_zone div
+{
+        display: flex;
+}*/
+.menu .url_form_zone label
+{
+        text-wrap: nowrap;
+        margin-right: 5px;
+}
+.menu .url_form_zone #url_input
+{
+        width: 100%;
+}
+.menu .url_form_zone p
 {
         margin: 5px;
+        display: flex;
+        align-items: center;
 }
 
 @media screen and (min-width: 80rem) {