From 4f845d1a6f9f61f6095f5c6a7129a684c33d818f Mon Sep 17 00:00:00 2001
From: Gordon Koo <gordon@gordonkoo.com>
Date: Wed, 22 Aug 2012 10:22:42 -0700
Subject: [PATCH] fix some alignment for the bubble

---
 css/hopscotch.css  |  4 ++--
 css/hopscotch.less | 11 ++++++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/css/hopscotch.css b/css/hopscotch.css
index 7dab514a..44ef1456 100644
--- a/css/hopscotch.css
+++ b/css/hopscotch.css
@@ -8,8 +8,8 @@ div#hopscotch-bubble{background-color:#ffffff;border:6px solid #000000;border:6p
 div#hopscotch-bubble.hide,div#hopscotch-bubble .hide,div#hopscotch-bubble .hide-all{display:none;}
 div#hopscotch-bubble h3,div#hopscotch-bubble #hopscotch-bubble-number{font-size:18px;}
 div#hopscotch-bubble h3{margin:0;padding:0;}
-div#hopscotch-bubble #hopscotch-bubble-container{padding:15px;position:relative;-webkit-font-smoothing:antialiased;}
-div#hopscotch-bubble #hopscotch-bubble-content{margin-left:40px;}
+div#hopscotch-bubble #hopscotch-bubble-container{padding:15px;position:relative;-webkit-font-smoothing:antialiased;}div#hopscotch-bubble #hopscotch-bubble-container p{margin:10px 0;padding:0;}
+div#hopscotch-bubble #hopscotch-bubble-content{margin:0 0 0 40px;}div#hopscotch-bubble #hopscotch-bubble-content h3{margin:0 15px 0 0;}
 div#hopscotch-bubble #hopscotch-bubble-close{color:#000;background:transparent url(../img/sprite_os.png) -200px -100px no-repeat;display:block;margin:15px 10px 0 0;position:absolute;text-decoration:none;text-indent:-9999px;width:10px;height:10px;top:0;right:0;}
 div#hopscotch-bubble #hopscotch-bubble-number{background:transparent url(../img/sprite_os.png) 0 0 no-repeat;color:#fff;display:block;float:left;line-height:33px;margin:0 10px 0 0;text-align:center;width:30px;height:30px;}
 div#hopscotch-bubble #hopscotch-bubble-arrow-container{position:absolute;width:40px;height:40px;}div#hopscotch-bubble #hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,div#hopscotch-bubble #hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border{width:0;height:0;}
diff --git a/css/hopscotch.less b/css/hopscotch.less
index 729299b8..e3028d3d 100644
--- a/css/hopscotch.less
+++ b/css/hopscotch.less
@@ -46,10 +46,19 @@ div#hopscotch-bubble {
     padding: @bubblePadding;
     position: relative;
     -webkit-font-smoothing: antialiased; /* to fix text flickering */
+
+    p {
+      margin: 10px 0;
+      padding: 0;
+    }
   }
 
   #hopscotch-bubble-content {
-    margin-left: @circleWidth + 10px;
+    margin: 0 0 0 (@circleWidth + 10px);
+
+    h3 {
+      margin: 0 @bubblePadding 0 0;
+    }
   }
 
   #hopscotch-bubble-close {