Pretty notes....

 On the main ledgersmb.css, the following effects added for notes:
1) Margins, background color, borders added
2) By default boxes are 90% of container width wide, 5ems high, overflow text not shown.
3)  On mouse over, div extends downward full length of note, and horizontal scroll bars if necessary appear.

git-svn-id: https://ledger-smb.svn.sourceforge.net/svnroot/ledger-smb/trunk@2291 4979c152-3d1c-0410-bac9-87ea11338e46

3 files changed, 23 insertions, 0 deletions

diff --git a/UI/Contact/contact.css b/UI/Contact/contact.css
index 9971f111..bbc29429 100644
--- a/UI/Contact/contact.css
+++ b/UI/Contact/contact.css
@@ -23,6 +23,7 @@ div.note_contents {
 	white-space:pre
 }
 
+
 div label {
 	margin-left: 1em;
 }
diff --git a/UI/Contact/contact.html b/UI/Contact/contact.html
index 7c22bfe1..bf58c51e 100644
--- a/UI/Contact/contact.html
+++ b/UI/Contact/contact.html
@@ -211,7 +211,9 @@ problems with multi-word single-quoted constructs in PI tags. -CT  -->
 		} ?>
     </form>
 <?lsmb FOREACH n = notes ?>
+<div class="note">
 <div class="note_contents"><?lsmb n.note ?></div>
+</div>
 <?lsmb END ?>
 </div>
 <?lsmb IF entity_id ?>
diff --git a/css/ledgersmb.css b/css/ledgersmb.css
index d5217ed5..652e5a12 100644
--- a/css/ledgersmb.css
+++ b/css/ledgersmb.css
@@ -186,6 +186,26 @@ h2.error {
   font-size: 14pt;
 }
 
+div.note {
+	margin: 1em;
+	padding: 1em;
+	border: 2px;
+	height: 5em;
+	width: 90%;
+	overflow: hidden;
+	background-color: #ddd;
+	border-style: groove;
+}
+
+div.note:hover {
+	overflow:visible;
+	background-color: #ddd;
+	border-style: groove;
+	height: 100%;
+	width: 90%;
+	min-height: 5em;
+	overflow: auto;
+}
 
 /* media stuff */