From: Michal Malý <madcatxster@devoid-pointer.net>
Date: Fri, 19 Dec 2014 02:04:24 +0000 (+0100)
Subject: Improve appearance of the answer section in titration curve:
X-Git-Url: https://gitweb.devoid-pointer.net/?a=commitdiff_plain;h=f959734d80b99f96bce0b7065bf05ddd4241e343;p=Nine-Q.git

Improve appearance of the answer section in titration curve:
  - Add caption
  - Center the titration curve image and add a border
---

diff --git a/bin/styles/main.css b/bin/styles/main.css
index 918a599..fd04cae 100644
--- a/bin/styles/main.css
+++ b/bin/styles/main.css
@@ -225,9 +225,10 @@ img.math_formula_multiline {
 }
 
 img.titration_curve_image {
-  width: auto
-  display: block;
-  margin-left: 32px;
+  border: 2px solid black;
+  display: table;
+  margin: 16px auto;
+  width: auto;
 }
 
 span.expand_section {
diff --git a/bin/templates/titration_curve_answer_section.html b/bin/templates/titration_curve_answer_section.html
index bfde9f7..9ada318 100644
--- a/bin/templates/titration_curve_answer_section.html
+++ b/bin/templates/titration_curve_answer_section.html
@@ -1,4 +1,5 @@
   <div class="backgrounded_block">
+    <div class="caption_v1">Odpověď:</div>
     <div class="@_ANSWER_KIND_@">@_ANSWER_MESSAGE_@</div>
     <img class="titration_curve_image" src="@_TITRATION_CURVE_IMAGE_PATH_@" />
   </div>