Adding panel settings for face-to-face

ciudadanointeligente · Nov 22, 2013 · 924f2e1 · 924f2e1
1 parent 030725b
commit 924f2e1
Showing 1 changed file with 26 additions and 20 deletions.
diff --git 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>