Showing 2 changed files with 12 additions and 5 deletions
+3 -4
css/style.css
... ...
@@ -76,16 +76,15 @@ iframe {
76 76
 
77 77
 
78 78
 #menu-btn {
79
-  position: absolute;
79
+  /*position: absolute;*/
80 80
   background-color: #5b7e96; 
81 81
   border: 2px;
82 82
   color: white;
83
-  padding: 4px 4px;
84
-  margin: 2px;
83
+  padding: 13px 13px;
85 84
   text-align: center;
86 85
   text-decoration: none;
87 86
   display: inline-block;
88
-  font-size: 16px;
87
+  font-size: 24px;
89 88
 }
90 89
 
91 90
 #article-current {
+9 -1
index.php
... ...
@@ -60,21 +60,29 @@ function NewsSection($title, $game, $sourceHTML) {
60 60
       if (x.style.display === "none") {
61 61
         x.style.display = "block";
62 62
         btn.innerHTML = '<i class="fa fa-eye-slash fa-fw"></i>';
63
+        document.getElementById('article-display').setAttribute("class", "col-6");
63 64
       } else {
64 65
         x.style.display = "none";
65 66
         btn.innerHTML = '<i class="fa fa-eye fa-fw"></i>';
67
+        document.getElementById('article-display').setAttribute("class", "col-8");
66 68
       }
67 69
     }
68 70
     </script>
69 71
     <title>News.fr</title>
70 72
   </head>
71 73
   <body>
74
+    <div class="row">
75
+    <div class="col-11 col-s-11">
72 76
     <div class="header">
73 77
         <h1><i class="fa fa-newspaper-o fa-fw"></i> News.fr</h1>
74 78
     </div>
79
+    </div><!-- ./col-11 -->
80
+    <div class="col-1 col-s-1">
81
+      <button id="menu-btn" onclick="hideMenu()"><i class="fa fa-eye-slash fa-fw"></i></button>      
82
+    </div><!-- ./col-1 -->
83
+    </div><!-- ./row -->
75 84
 
76 85
     <div class="row">
77
-    <button id="menu-btn" onclick="hideMenu()"><i class="fa fa-eye-slash fa-fw"></i></button>
78 86
     <div id="menu-news" class="col-2 col-s-2 menu">
79 87
       <ul>
80 88
 <?php