From e790571f2cfe8c7a7ee125f28c8fdba0dd9d75c0 Mon Sep 17 00:00:00 2001
From: rolux <rolux@rolux.org>
Date: Sat, 14 Apr 2012 12:23:32 +0200
Subject: [PATCH] update mouse events example (CSS)

---
 examples/mouse_events/css/example.css | 18 ++++++++++++------
 examples/mouse_events/js/example.js   |  4 ++++
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/examples/mouse_events/css/example.css b/examples/mouse_events/css/example.css
index 7df03944..1d451686 100644
--- a/examples/mouse_events/css/example.css
+++ b/examples/mouse_events/css/example.css
@@ -2,9 +2,10 @@
     position: absolute;
     left: 256px;
     right: 0px;
-    height: 16px;
-    padding-left: 2px;
-    background: rgb(224, 224, 224);
+    height: 15px;
+    padding: 1px 0 0 2px;
+    background: rgb(240, 240, 240);
+    cursor: pointer;
 }
 #log {
     position: absolute;
@@ -12,6 +13,8 @@
     top: 16px;
     right: 0;
     bottom: 0;
+    border-width: 0;
+    border-top: 1px solid rgb(208, 208, 208);
     background: rgb(255, 255, 255);
     overflow-y: auto;
 }
@@ -20,7 +23,10 @@
     left: 0;
     top: 0;
     bottom: 0;
-    width: 256px;
-    padding-left: 2px;
-    background: rgb(192, 192, 192);
+    width: 253px;
+    padding: 1px 0 0 2px;
+    border-width: 0;
+    border-right: 1px solid rgb(208, 208, 208);
+    background: rgb(224, 224, 224);
+    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 8bd3f463..23eb2d91 100644
--- a/examples/mouse_events/js/example.js
+++ b/examples/mouse_events/js/example.js
@@ -1,3 +1,7 @@
+/*
+This example demonstrates the mouse events that any Ox.Element fires.
+*/
+
 Ox.load({UI: {theme: 'classic'}}, function() {
 
     var $target = Ox.Element()