fix some alignment for the bubble

LinkedInAttic · Aug 22, 2012 · 4f845d1 · 4f845d1
1 parent 5de8755
commit 4f845d1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/css/hopscotch.css b/css/hopscotch.css
diff --git 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 {