add responsive design for phone

templates/_header.html

@@ -1,21 +1,26 @@
 <header>
   <nav>
+    <button class="menu-button menu-header" onclick="toggleMenu()">
+      Menu
+      <span class="menu-icon"></span>
+    </button>
+
     <a href="/logs/">
-      <button>
+      <button class="menu-header">
 	Mes logs <br/>
 	<span class="lists-rounded"></span>
       </button>
     </a>
     
     <a href="/logout/">
-      <button>
-	Se déconnecter <br/>
+      <button class="menu-header">
+	Deconnexion <br/>
 	<span class="logout"></span>
       </button>
     </a>
 
     <details class="dropdown">
-      <summary role="button" class="secondary">Theme</summary>
+      <summary role="button" class="secondary menu-header">Theme</summary>
       <ul>
         <li><a href="#" data-theme-switcher="auto">Auto</a></li>
         <li><a href="#" data-theme-switcher="light">Clair</a></li>
@@ -25,3 +30,12 @@
   </nav>
 
 </header>
+
+<script>
+  
+  function toggleMenu() {
+  document.body.classList.toggle('print-menu');
+  document.body.classList.add('hide-menu');
+  }
+  
+</script>