From a7d16c0c0548ac1e317fc4b5d99e1a994433681b Mon Sep 17 00:00:00 2001
From: rolux <rolux@rolux.org>
Date: Sun, 15 Apr 2012 14:21:15 +0200
Subject: [PATCH] update mouse events example (CSS)

---
 examples/mouse_events/css/example.css | 7 ++++---
 examples/mouse_events/js/example.js   | 3 +++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/examples/mouse_events/css/example.css b/examples/mouse_events/css/example.css
index 1d451686..c9360a31 100644
--- a/examples/mouse_events/css/example.css
+++ b/examples/mouse_events/css/example.css
@@ -2,8 +2,8 @@
     position: absolute;
     left: 256px;
     right: 0px;
-    height: 15px;
-    padding: 1px 0 0 2px;
+    height: 14px;
+    padding: 2px 0 0 2px;
     background: rgb(240, 240, 240);
     cursor: pointer;
 }
@@ -24,9 +24,10 @@
     top: 0;
     bottom: 0;
     width: 253px;
-    padding: 1px 0 0 2px;
+    padding: 2px 0 0 2px;
     border-width: 0;
     border-right: 1px solid rgb(208, 208, 208);
     background: rgb(224, 224, 224);
+    font-weight: bold;
     cursor: crosshair;
 }
\ No newline at end of file
diff --git a/examples/mouse_events/js/example.js b/examples/mouse_events/js/example.js
index 1e43eca3..6e14b03b 100644
--- a/examples/mouse_events/js/example.js
+++ b/examples/mouse_events/js/example.js
@@ -5,6 +5,7 @@ This example demonstrates the mouse events that any Ox.Element fires.
 Ox.load({UI: {theme: 'classic'}}, function() {
 
     var $target = Ox.Element()
+            .addClass('OxMonospace')
             .attr({id: 'target'})
             .html('click/hold/drag')
             .appendTo(Ox.$body),
@@ -12,6 +13,7 @@ Ox.load({UI: {theme: 'classic'}}, function() {
             .attr({id: 'log'})
             .appendTo(Ox.$body),
         $clear = Ox.Element()
+            .addClass('OxMonospace')
             .attr({id: 'clear'})
             .html('clear log')
             .bind({click: function() {
@@ -25,6 +27,7 @@ Ox.load({UI: {theme: 'classic'}}, function() {
         $target.bindEvent(event, function(e) {
             var date = new Date();
             $('<div>')
+                .addClass('OxMonospace')
                 .html(
                     Ox.formatDate(date, '%H:%M:%S')
                     + '.' + (Ox.pad(date % 1000, 3))