[snowy] Layout changes to make the focus rect on the contentEdtiable div look better.

[Brad Taylor <btaylor src gnome org>]

commit 59689e9739d0c371e145cea8d4687b198cdda6d2
Author: Brad Taylor <brad getcoded net>
Date:   Wed May 13 14:59:43 2009 -0400

    Layout changes to make the focus rect on the contentEdtiable div look better.
---
 notes/templates/notes/note_detail.html |   62 ++++++++++++++++++--------------
 site_media/css/screen.css              |    5 +++
 2 files changed, 40 insertions(+), 27 deletions(-)

diff --git a/notes/templates/notes/note_detail.html b/notes/templates/notes/note_detail.html
index 4d24455..38095e7 100644
--- a/notes/templates/notes/note_detail.html
+++ b/notes/templates/notes/note_detail.html
@@ -13,33 +13,41 @@
 {% endblock %}
 
 {% block content %}
-<div id="toolbar">
-    <h3>Text</h3>
-    <p id="toolbar-text">
-        <a href="javascript:fc.normalStyle();" title="Normal">A</a>
-        <a href="javascript:fc.bold();" title="Bold"><b>A</b></a>
-        <a href="javascript:fc.strikethrough();" title="Strikethrough"><strike>A</strike></a>
-        <a href="javascript:fc.highlight();" title="Highlight"><span class="note-highlight">A</span></a>
-        <a href="javascript:fc.fixedWidth();" title="Fixed Width"><span class="note-monospace">A</span></a>
-    </p>
-    <h3>Font Size</h3>
-    <p class="note-small"><a href="javascript:fc.small();">Small</a></p>
-    <p><a href="javascript:fc.normalSize();">Normal</a></p>
-    <p class="note-large"><a href="javascript:fc.large();">Large</a></p>
-    <p class="note-huge"><a href="javascript:fc.huge();">Huge</a></p>
-    <h3>Formatting</h3>
-    <p><a href="#">Bullets</a></p>
-    <p><a href="#">Increase Indent</a></p>
-    <p><a href="#">Decrease Indent</a></p>
-    <h3>Actions</h3>
-    <p><a href="#">Link</a></p>
-    <p><a href="#">Delete</a></p>
-    <p><a href="#">History</a></p>
-    <p><a href="#">Sharing</a></p>
-</div>
-<div id="funcooker">
-{{ body|safe|linebreaksbr }}
-</div>
+<table id="content-layout" cellspacing="0" cellpadding="0">
+    <tr>
+        <td>
+            <div id="funcooker">
+            {{ body|safe }}
+            </div>
+        </td>
+        <td>
+            <div id="toolbar">
+                <h3>Text</h3>
+                <p id="toolbar-text">
+                    <a href="javascript:fc.normalStyle();" title="Normal">A</a>
+                    <a href="javascript:fc.bold();" title="Bold"><b>A</b></a>
+                    <a href="javascript:fc.strikethrough();" title="Strikethrough"><strike>A</strike></a>
+                    <a href="javascript:fc.highlight();" title="Highlight"><span class="note-highlight">A</span></a>
+                    <a href="javascript:fc.fixedWidth();" title="Fixed Width"><span class="note-monospace">A</span></a>
+                </p>
+                <h3>Font Size</h3>
+                <p class="note-small"><a href="javascript:fc.small();">Small</a></p>
+                <p><a href="javascript:fc.normalSize();">Normal</a></p>
+                <p class="note-large"><a href="javascript:fc.large();">Large</a></p>
+                <p class="note-huge"><a href="javascript:fc.huge();">Huge</a></p>
+                <h3>Formatting</h3>
+                <p><a href="#">Bullets</a></p>
+                <p><a href="#">Increase Indent</a></p>
+                <p><a href="#">Decrease Indent</a></p>
+                <h3>Actions</h3>
+                <p><a href="#">Link</a></p>
+                <p><a href="#">Delete</a></p>
+                <p><a href="#">History</a></p>
+                <p><a href="#">Sharing</a></p>
+            </div>
+        </td>
+    </br>
+</table>
 <script type="text/javascript">
 var fc = null;
 $(document).ready(function() {
diff --git a/site_media/css/screen.css b/site_media/css/screen.css
index da1a86a..6bf4784 100644
--- a/site_media/css/screen.css
+++ b/site_media/css/screen.css
@@ -124,6 +124,11 @@ table#container {
     margin: 0.2em 0 0.5em 0;
 }
 
+#content-layout td {
+    padding: 8px;
+    vertical-align: top;
+}
+
 #toolbar {
     position: relative;
     float: right;