From 602658511855b391ee26d80ae87768977a2cf51f Mon Sep 17 00:00:00 2001
From: C Robert <crobert@inverse.ca>
Date: Fri, 25 Sep 2009 21:16:03 +0000
Subject: [PATCH] Graphic improvements for smime dialog

Monotone-Parent: 7c4c9bea35b92f37ca95185837c77033a40c7cc6
Monotone-Revision: 49ca7707f4a5e02b1262a61758bb7c2c392bb4e6

Monotone-Author: crobert@inverse.ca
Monotone-Date: 2009-09-25T21:16:03
Monotone-Branch: ca.inverse.sogo
---
 UI/WebServerResources/MailerUI.css | 11 ++++++++++-
 UI/WebServerResources/MailerUI.js  |  8 +++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/UI/WebServerResources/MailerUI.css b/UI/WebServerResources/MailerUI.css
index 7817d93a8..620018780 100644
--- a/UI/WebServerResources/MailerUI.css
+++ b/UI/WebServerResources/MailerUI.css
@@ -825,4 +825,13 @@ DIV.copy
   background-repeat: no-repeat;
   background-position: 4px center;
   padding: 2px 2px 2px 24px;
-  width: 220px; }
\ No newline at end of file
+  width: 220px; }
+
+DIV#signatureFlagMessage DIV 
+{ text-align: left !important; }
+
+DIV#signatureFlagMessage H1,
+DIV#signatureFlagMessage P
+{ font-size: 10px;
+  margin: 0;
+  padding: 0; }
diff --git a/UI/WebServerResources/MailerUI.js b/UI/WebServerResources/MailerUI.js
index f6be7bd20..61079371f 100644
--- a/UI/WebServerResources/MailerUI.js
+++ b/UI/WebServerResources/MailerUI.js
@@ -992,7 +992,9 @@ function configureSignatureFlagImage() {
 
         var msgDiv = $("signatureFlagMessage");
         if (msgDiv && error) {
-            var formattedMessage = error.replace(/\n/g, "<br/>");
+            // First line in a h1, others each in a p
+            var formattedMessage = "<h1>" + error.replace(/\n/, "</h1><p>");
+            formattedMessage = formattedMessage.replace(/\n/g, "</p><p>") + "</p>";
             msgDiv.innerHTML = "<div>" + formattedMessage + "</div>";
             newImg.observe("mouseover", showSignatureMessage);
             newImg.observe("mouseout", hideSignatureMessage);
@@ -1009,8 +1011,8 @@ function showSignatureMessage () {
         var divDimensions = div.getDimensions();
         var left = cellPosition[0] - divDimensions['width'];
         var top = cellPosition[1];
-        div.style.top = top + "px";
-        div.style.left = left + "px";
+        div.style.top = (top + 5) + "px";
+        div.style.left = (left + 5) + "px";
         div.style.display = "block";
     }
 }