From 16e77e03dacad7d4877304004734a5637b9e1ad3 Mon Sep 17 00:00:00 2001
From: gnieark <gnieark@free.fr>
Date: Sun, 15 May 2016 14:48:46 +0200
Subject: [PATCH] css

---
 src/arenas/connectFour/js.js      | 2 ++
 src/arenas/connectFour/public.php | 3 +--
 src/arenas/connectFour/style.css  | 3 ++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/arenas/connectFour/js.js b/src/arenas/connectFour/js.js
index 75f5065..58e6939 100644
--- a/src/arenas/connectFour/js.js
+++ b/src/arenas/connectFour/js.js
@@ -40,6 +40,8 @@ function connectFour(bot1,bot2,xd_check, newGame){
             table.appendChild(tr);
         }
         document.getElementById('fightResult').appendChild(table);
+        var divLogs=createElem("div",{"id":"logs"});
+        document.getElementById('fightResult').appendChild(divLogs);
     }
   //send request  
   var xhr = Ajx(); 
diff --git a/src/arenas/connectFour/public.php b/src/arenas/connectFour/public.php
index 54a584c..9cfbe7e 100644
--- a/src/arenas/connectFour/public.php
+++ b/src/arenas/connectFour/public.php
@@ -24,5 +24,4 @@ $bots=get_Bots_Array('connectFou');
 			</select>
 		</p>
 	<p><input type="button" value="<?php echo $lang['FIGHT']; ?>" onclick="connectFour(document.getElementById('bot1').value,document.getElementById('bot2').value,'<?php echo xd_check_input(2); ?>');"></p>
-    <div id="fightResult"></div><div id="logs"></div>
-</article>
+    <div id="fightResult"></div>
diff --git a/src/arenas/connectFour/style.css b/src/arenas/connectFour/style.css
index 8058b46..7017dda 100644
--- a/src/arenas/connectFour/style.css
+++ b/src/arenas/connectFour/style.css
@@ -1,6 +1,7 @@
 .tabledoc{border-collapse:collapse;}
 .tabledoc tr td,.tabledoc tr th{border: 1px solid green; padding-left: 5px;}
-
+#fightResult{display:table;}
+#logs{display:block;padding-left:10px; height: 200px; overflow-y: scroll;}
 .battleGrid{display:table-cell; padding-left:10px; border-collapse:collapse; margin: 20px 20px 20px 20px;}
 .battleGrid tr{}
 .battleGrid tr td{border: 1px dashed green; text-align: center; font-weight: bold;min-width:20px; height:20px;}
\ No newline at end of file