From 924f2e14a8bfc54b7e105d18911a2e3103d8059d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felipe=20=C3=81lvarez?= <luisfelipealvarez@gmail.com>
Date: Fri, 22 Nov 2013 12:10:46 -0300
Subject: [PATCH] Adding panel settings for face-to-face

---
 .../elections/compare_candidates.html         | 46 +++++++++++--------
 1 file changed, 26 insertions(+), 20 deletions(-)

diff --git a/elections/templates/elections/compare_candidates.html b/elections/templates/elections/compare_candidates.html
index e7544a10..33571d9b 100644
--- a/elections/templates/elections/compare_candidates.html
+++ b/elections/templates/elections/compare_candidates.html
@@ -39,31 +39,37 @@
 	<div class="hidden-xs">
 		{% if first_candidate.slug and second_candidate.slug %}
 			{% for category in election.can_election.category_set.all %}
+
+			<div class="panel panel-default">
+			<div class="panel-heading">{{category.name}}</div>
+				<div class="panel-body">
 				{% for question in category.question_set.all %}
-			<div class="row">
-				<div class="col-md-12">
-					<h5>{{ question.question }}</h5>
-				</div>
-			</div>
-			<div class="row">
-				<div class="col-md-6">
-					<div class="fondo-blanco">
-						<p>
-							<i class="icon-quote-left"></i> {% answer_for_candidate_and_question first_candidate question %} <i class="icon-quote-right"></i>
-						</p>
-						<p class="text-right">{{ first_candidate.name }}</p>
+					<div class="row">
+						<div class="col-md-12">
+							<h5>{{ question.question }}</h5>
+						</div>
 					</div>
-				</div>
-				<div class="col-md-6">
-					<div class="fondo-blanco">
-						<p>
-							<i class="icon-quote-left"></i> {% answer_for_candidate_and_question second_candidate question %} <i class="icon-quote-right"></i>
-						</p>
-						<p class="text-right">{{ second_candidate.name }}</p>
+					<div class="row">
+						<div class="col-md-6">
+							<div class="fondo-blanco">
+								<p>
+									<i class="icon-quote-left"></i> {% answer_for_candidate_and_question first_candidate question %} <i class="icon-quote-right"></i>
+								</p>
+								<p class="text-right">{{ first_candidate.name }}</p>
+							</div>
+						</div>
+						<div class="col-md-6">
+							<div class="fondo-blanco">
+								<p>
+									<i class="icon-quote-left"></i> {% answer_for_candidate_and_question second_candidate question %} <i class="icon-quote-right"></i>
+								</p>
+								<p class="text-right">{{ second_candidate.name }}</p>
+							</div>
+						</div>
 					</div>
+				{% endfor %}
 				</div>
 			</div>
-				{% endfor %}
 			{% endfor %}
 		{% else %}
 		<div class="alert alert-info">{% trans "Aquí se mostraran las diferencias y similitudes entre los candidatos que selecciones." %}</div>