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 918a59942caa8fa0a5c5b6131bc33e0b8f6bdf92..fd04caec9da1d2541f08b8986bb2a441c0a6ca91 100644 (file)
--- 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 bfde9f7c8a43885429691ceda2a1277e84add5b0..9ada318287fa74310a9e84d80214fb86bd9513fc 100644 (file)
--- 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>