From e26949e8f6580ddd9e890613236c827d5652aacc Mon Sep 17 00:00:00 2001
From: bsag <butshesagirl@rousette.org.uk>
Date: Sun, 17 May 2009 14:13:52 +0100
Subject: [PATCH] Fix #896. Tidied styling of notes (attached to action and
 free-standing project notes) so that basic Textile markup shows up and looks
 attractive. You can now use *bold*, _italics_, ordered lists (#), unordered
 lists (*), and H1 (h1.) and H2 (h2.) headers can all be used, along with
 Textile links.

---
 app/views/notes/_notes.rhtml    |  2 +-
 public/stylesheets/standard.css | 48 ++++++++++++++++++++++++---------
 2 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/app/views/notes/_notes.rhtml b/app/views/notes/_notes.rhtml
index de9068b8..2bc12211 100644
--- a/app/views/notes/_notes.rhtml
+++ b/app/views/notes/_notes.rhtml
@@ -1,7 +1,7 @@
 <% note = notes -%>
 <div id="<%= dom_id(note, 'container') %>">
   <h2><%= link_to("Note #{note.id}", note_path(note), :title => "Show note #{note.id}" ) %></h2>
-  <div id="<%= dom_id(note) %>">
+  <div class="project_notes" id="<%= dom_id(note) %>">
     <%= sanitize(markdown(auto_link(note.body))) %>
        
     <div class="note_footer">
diff --git a/public/stylesheets/standard.css b/public/stylesheets/standard.css
index 411deda2..682f3408 100644
--- a/public/stylesheets/standard.css
+++ b/public/stylesheets/standard.css
@@ -13,10 +13,7 @@ table {
 fieldset,img { 
     border:0;
 }
-address,caption,cite,code,dfn,em,strong,th,var {
-    font-style:normal;
-    font-weight:normal;
-}
+
 ol,ul {
     list-style:none;
 }
@@ -401,26 +398,46 @@ input.item-checkbox {
 /* The notes which may be attached to an item */      
 .todo_notes {
     margin: 5px;
-    padding: 3px;
+    padding: 5px;
     border: 1px solid #F5ED59;
     background: #FAF6AE;
     color: #666666;
 }
 
-.todo_notes p, .todo_notes li {
-    padding: 1px;
-    margin: 0px;
-    font-size: 12px;
+.todo_notes p, .todo_notes ul, .todo_notes ol,
+.project_notes p, .project_notes ul, .project_notes ol {
+    margin: 10px 0px;
+    font-size: 1em;
 }
 
-.todo_notes ul, .note_wrapper ul {
+.todo_notes ul, .note_wrapper ul,
+.project_notes ul, .project_notes ul {
     list-style-type: disc;
-    margin-left:20px;
+    margin-left: 15px;
 }
 
-.todo_notes ol {
+.todo_notes ol, .project_notes ol {
     list-style-type: decimal;
-    margin-left:20px;
+    margin-left: 15px;
+}
+
+.todo_notes ol li, .todo_notes ul li,
+.project_notes ol li, .project_notes ul li {
+  margin-left: 20px;
+}
+
+.todo_notes h1, .project_notes h1 {
+  font-size: 1.5em;
+  font-weight: bold;
+  margin: 10px 0px;
+}
+
+.todo_notes h2, .project_notes h2 {
+  font-size: 1.2em;
+  font-style: italic;
+  margin: 10px 0px !important;
+  padding: 0px !important;
+  background-color: transparent !important;
 }
 
 /* The notes for the project */
@@ -449,6 +466,11 @@ div.note_footer a, div.note_footer a:hover {
     background-color: transparent;
 }
 
+/* For the detailed notes view */
+.project_notes {
+  padding: 5px;
+}
+
 div.add_note_link {
     margin-top:12px;
     float: right;