From aca978cabc57906054193dfc4b74fe966adaa34b Mon Sep 17 00:00:00 2001
From: Gertjan van den Burg <gertjanvandenburg@gmail.com>
Date: Fri, 7 Jun 2019 13:36:25 +0100
Subject: Add a usage note for the graph

---
 app/static/annotate.css           | 5 +++++
 app/templates/annotate/index.html | 7 +++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

(limited to 'app')

diff --git a/app/static/annotate.css b/app/static/annotate.css
index 8079053..595f2a2 100644
--- a/app/static/annotate.css
+++ b/app/static/annotate.css
@@ -26,3 +26,8 @@ rect {
 	width: 80%;
 	font-size: 16px;
 }
+
+#usage {
+	font-size: 16px;
+	font-style: italic;
+}
diff --git a/app/templates/annotate/index.html b/app/templates/annotate/index.html
index 47bc4f0..ce9e01a 100644
--- a/app/templates/annotate/index.html
+++ b/app/templates/annotate/index.html
@@ -18,11 +18,14 @@
   <div id="graph"></div>
 
   <div id="wrap-buttons" class="row">
-  	<div class="col-md-6 text-left">
+  	<div class="col-md-3 text-left">
   		<button class="btn btn-primary float-md-left" type="button" 
   			id="btn-reset">Reset</button>
   	</div>
-  	<div class="col-md-6 text-right">
+    <div class="col-md-6 text-center">
+      <p id="usage">You can zoom in and pan the graph if needed.</p>
+    </div>
+  	<div class="col-md-3 text-right">
   		<button class="btn btn-warning float-md-right" type="button" 
   			id="btn-none">No change points</button>
   		<button class="btn btn-success float-md-right" id="btn-submit" 
-- 
cgit v1.2.3