stuff changed

css/styles.css

@@ -52,7 +52,7 @@
  * Grosse font pour le vidéo-proj
  */
 body {
-  font-size: 130%;
+  font-size: 100%;
   font-family: Arial, Helvetica;
 }
 
@@ -216,7 +216,8 @@ button:hover {
   left: 0;
   width: 0;
   overflow: hidden;
-  transition: width 0.7s;
+  transition: width 0.25s;
+  z-index: 100;
   /*font-size: 16px;*/
 }
 
@@ -253,19 +254,19 @@ button:hover {
   color: #7af;
 }
 
-
+#tabs {
+  /*font-size: 16px;*/
+  position: absolute;
+  top: 70px;
+  left: 0;
+}
 #tabs li {
-  display: inline;
-  box-sizing: border-box;
-  padding: 4px;
   border-top: 1px solid #ddd;
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
-  margin-left: 5px;
-  font-size: 16px;
-  position: absolute;
-  top: 90px;
-  left: 0;
+  display: inline;
+  box-sizing: border-box;
+  padding: 4px 8px;
 }
 .tab-html {
   background: #cef;

html/index.mustache.html

@@ -53,6 +53,7 @@
             {{#css}}
                 <li class="tab-css">{{name}}</li>
             {{/css}}
+            <li>+</li>
             </ul>
         </div>
         <div id="editor"></div>

js/editor.js

@@ -29,9 +29,9 @@ $(document).ready(function() {
   var exampleList;
 
 
-  // $('#menu-btn').click(() => {
-  //   $('#nav-menus').toggleClass('in');
-  // });
+  $('#menu-btn').click(() => {
+    $('#nav-menus').toggleClass('in');
+  });
 
 
   // /**