From f959734d80b99f96bce0b7065bf05ddd4241e343 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Michal=20Mal=C3=BD?= <madcatxster@devoid-pointer.net>
Date: Fri, 19 Dec 2014 03:04:24 +0100
Subject: [PATCH] Improve appearance of the answer section in titration curve:
- Add caption - Center the titration curve image and add a border
---
bin/styles/main.css | 7 ++++---
bin/templates/titration_curve_answer_section.html | 1 +
2 files changed, 5 insertions(+), 3 deletions(-)
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>
--
2.43.5