Added chat bubble image to sample app

voodootikigod · Dec 30, 2009 · ca04786 · ca04786
1 parent 57ccf86
commit ca04786
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/examples/public/stylesheets/style.css b/examples/public/stylesheets/style.css
@@ -14,8 +14,14 @@ h1 {
   text-shadow: 1px 2px 2px #ddd;
   font-size: 60px;
 }
+img {
+  position: absolute;
+  top: -25px;
+  left: 120px;
+}
 #wrapper {
-  margin: 50px auto;
+  position: relative;
+  margin: 100px auto;
   width: 500px;
   text-align: left;
 }
@@ -38,7 +44,7 @@ ul li:hover {
   color: #2E2E2E;
 }
 ul {
-  max-height: 350px;
+  max-height: 300px;
   overflow-x: hidden;
 }
 input[type=text] {

diff --git a/examples/views/chat.haml.html b/examples/views/chat.haml.html
@@ -1,4 +1,5 @@
 %h1 Chat
+%img{ src: '/public/images/bubble.png' }
 %ul#messages
 %form{ method: 'post' }
   %input{ type: 'hidden', name: '__method__', value: 'put' }