From 73f14419dddffb2cfb46dbc277c3f75414868324 Mon Sep 17 00:00:00 2001
From: Daniel <Daniel@Daniel-PC.speedport.ip>
Date: Wed, 16 Apr 2014 16:39:38 +0200
Subject: [PATCH] boss fight answer options design

---
 questtypes/bossfight/html/quest.tpl | 6 +++---
 www/css/desktop.css                 | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/questtypes/bossfight/html/quest.tpl b/questtypes/bossfight/html/quest.tpl
index bda3bf6a..f1bba542 100644
--- a/questtypes/bossfight/html/quest.tpl
+++ b/questtypes/bossfight/html/quest.tpl
@@ -31,14 +31,14 @@
 
 <form method="post" action="#task">
 	<input type="hidden" name="stage" value="<?=$stage['id']?>" />
-	<ul>
+	<ul class="bossfight cf">
 		<?php foreach($childStages as &$childStage) : ?>
-		<li>
+		<li class="option">
 			<p>
 				<?php if(array_key_exists('answer', $childStage) && $childStage['answer']) : ?>→<?php endif ?>
 				<?=\hhu\z\Utils::t($childStage['question'])?>
 			</p>
-			<input type="submit" name="submit_stages[<?=$childStage['id']?>]" value="<?=_('Choose')?>" />
+			<p><input type="submit" name="submit_stages[<?=$childStage['id']?>]" value="<?=_('Choose')?>" /></p>
 		</li>
 		<?php endforeach?>
 		<?php if($lives['character'] == 0 || $lives['boss'] == 0) : ?>
diff --git a/www/css/desktop.css b/www/css/desktop.css
index ed0f25b3..e114e547 100644
--- a/www/css/desktop.css
+++ b/www/css/desktop.css
@@ -188,6 +188,7 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 .opponent .boss{max-width:100%}
 .opponent p{text-align:center}
 .opponent .fa{font-size:1.25em;color:#c7135b;padding-right:0}
+.bossfight .option{background:#fff;margin-bottom:10px;padding:15px 15px 5px;border-radius:3px}
 
 
 /** Media Queries **/
@@ -221,6 +222,10 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 
 .gquests .date{display:inline;margin-right:15px}
 .gquests .xp{float:right}
+
+.bossfight li{float:left;width:44%}
+.bossfight li:nth-child(even){float:right}
+.bossfight input,.bossfight p{text-align:center}
 }
 
 @media only screen and (min-width:1024px){