Change container conf

assets/css/main.css

@@ -19,10 +19,15 @@ header {
 	margin-bottom: 25px;
 	padding: 10px;
 }
+#container {
+	position: relative;
+	height: 600px;
+	overflow: hidden;
+}
 #codeContainer {
 	display: inline-block;
 	width: 50%;
-	height: 500px;
+	height: calc(100% - 50px);
 	vertical-align: top;
 }
 #code {
@@ -35,7 +40,7 @@ header {
 	display: block;
 	width: 100%;
 	border: none;
-	line-height: 3rem;
+	height: 50px;
 	transition: 0.3s;
 }
 #runBtn:hover {
@@ -47,7 +52,7 @@ header {
 	display: inline-block;
 	background-color: #303030;
 	width: 50%;
-	height: 500px;
+	height: calc(100% - 50px);
 	vertical-align: top;
 	overflow: auto;
 }

js.html

@@ -10,10 +10,12 @@
 		<header>
 			<h1>Javascript Playground</h1>
 		</header>
-		<div id="codeContainer"><div id="code"></div></div><!--
-		--><div id="console">
+		<div id="container">
+			<div id="codeContainer"><div id="code"></div></div><!--
+			--><div id="console">
+			</div>
+			<input type="button" onclick="run()" value="Exécuter !" id="runBtn" />
 		</div>
-		<input type="button" onclick="run()" value="Exécuter !" id="runBtn" />
 		<footer>
 			Romain de Laage - CC0
 		</footer>

python.html

@@ -13,10 +13,12 @@
 		<header>
 			<h1>Python Playground</h1>
 		</header>
-		<div id="codeContainer"><div id="code"></div></div><!--
-		--><div id="console">
+		<div id="container">
+			<div id="codeContainer"><div id="code"></div></div><!--
+			--><div id="console">
+			</div>
+			<input type="button" onclick="run()" value="Exécuter !" id="runBtn" />
 		</div>
-		<input type="button" onclick="run()" value="Exécuter !" id="runBtn" />
 		<footer>
 			Romain de Laage - CC0
 		</footer>