From 1893ae68a9397c80b902eb28df430894adae2573 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Mon, 20 Jun 2016 11:53:10 +0100
Subject: [PATCH] Add feedback widget for log hints.

---
 .../web/app/views/project/editor/pdf.jade     | 14 +++++++---
 .../public/stylesheets/app/editor/pdf.less    | 26 ++++++++++++++++++-
 2 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/services/web/app/views/project/editor/pdf.jade b/services/web/app/views/project/editor/pdf.jade
index 63add3e559..192bdf71d0 100644
--- a/services/web/app/views/project/editor/pdf.jade
+++ b/services/web/app/views/project/editor/pdf.jade
@@ -109,10 +109,16 @@ div.full-size.pdf(ng-controller="PdfController")
 					figure.card-hint-icon-container
 						i.fa.fa-lightbulb-o(aria-hidden="true")
 					p.card-hint-text(ng-show="entry.humanReadableHint", ng-bind-html="entry.humanReadableHint")
-					.clearfix
-						a.btn.btn-sm.btn-default.pull-right(ng-href="{{ entry.extraInfoURL }}", target="_blank")
-							i.fa.fa-external-link
-							|&nbsp;#{translate("log_entry_extra_info")}
+					.card-hint-actions
+						.card-hint-action-ext-link
+							a.btn.btn-sm.btn-default(ng-href="{{ entry.extraInfoURL }}", target="_blank")
+								i.fa.fa-external-link
+								|&nbsp;#{translate("log_hint_extra_info")}
+						.card-hint-action-feedback
+							label.card-hint-enquiry-label #{translate("log_hint_enquiry_helpful")}&nbsp;
+							.btn-group.btn-group-sm(role="group")
+								button.btn.btn-default #{translate("answer_yes")}
+								button.btn.btn-default #{translate("answer_no")}
 				p.entry-content(ng-show="entry.content") {{ entry.content }}
 
 		p
diff --git a/services/web/public/stylesheets/app/editor/pdf.less b/services/web/public/stylesheets/app/editor/pdf.less
index 25416e0aa0..2fa851c190 100644
--- a/services/web/public/stylesheets/app/editor/pdf.less
+++ b/services/web/public/stylesheets/app/editor/pdf.less
@@ -197,10 +197,34 @@
 		}
 	}
 
-	&-text {
+	&-text, 
+	&-enquiry-label {
 		color: @gray-dark;
+		font-size: 0.9rem;
+		margin-bottom: 30px;
 	}
 
+	&-enquiry-label {
+		font-size: 0.8rem;
+		margin-bottom: 0;
+		margin-right: 0.5em;
+		font-weight: normal;
+	}
+
+	&-actions {
+
+	}
+
+	&-action-ext-link,
+	&-action-feedback {
+		display: inline-block;
+	}
+	
+	&-action-feedback {
+		float: right;
+	}
+
+
 	& + p {
 		margin-top: 20px;
 	}