From cb215f60d6841a88c451b5156008992647902ba4 Mon Sep 17 00:00:00 2001
From: Divlo <contact@divlo.fr>
Date: Thu, 19 Sep 2019 20:18:08 +0200
Subject: [PATCH] Changement CSS pour mobile

---
 css/style.css   | 21 ++++++++++++++++++++-
 incl/header.php |  5 ++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index cae0e6d..f690e4a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -47,17 +47,36 @@ header {
 .navbar {
     border-bottom: var(--border-header-footer);
 }
+#logo-small-screen {
+    display: none;
+}
+@media (max-width: 463px) {
+    #logo {
+        display: none;
+    }
+    .navbar-brand {
+        width: 30%;
+    }
+    #logo-small-screen {
+        display: inline-block;
+        width: 80%;
+    }
+}
 .nav-link {
     text-align: center !important;
 }
 
 /* CONTENT */
+@media (max-width: 576px) {
+    .container {
+        width: 90% !important;
+    }
+}
 .container {
     padding-bottom: 25px;
 }
 .inlineInput {
     width: 25% !important;
-    display: inline;
 }
 #convertIn {
     width: 6.7em;
diff --git a/incl/header.php b/incl/header.php
index 1102ba0..23ef65e 100644
--- a/incl/header.php
+++ b/incl/header.php
@@ -53,7 +53,10 @@
             <nav class="navbar navbar-expand-lg navbar-dark static-top">
                 <div class="container" id="header-container">
                     <!-- Brand -->
-                    <a class="navbar-brand" href="/index.php"><img src="/img/FunctionProject_brand-logo.png" alt="FunctionProject"></a>
+                    <a class="navbar-brand" href="/index.php">
+                        <img id="logo" src="/img/FunctionProject_brand-logo.png" alt="FunctionProject">
+                        <img id="logo-small-screen" src="/img/FunctionProject_icon.png" alt="FunctionProject">
+                    </a>
 
                     <!-- Hamburger icon on Mobile -->
                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>