fixed Mobile Safari salespitch bug

Guo-min-zhi · Apr 21, 2012 · e1ac081 · e1ac081
1 parent e5acb33
commit e1ac081
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/default.css b/default.css
@@ -359,10 +359,9 @@ h2, h3, h4, h5 {
 }
 
 #authorimage {
-	border: 1px solid #999;
-	border-radius: 4px;
-	padding: 8px;
-	background-color: #ffe;
+	float: right;
+  padding-left: 32px;
+  padding-bottom: 4px;
 }
 
 #salespitch .box {
@@ -380,8 +379,7 @@ h2, h3, h4, h5 {
 }
 
 #bubble {
-	float: right;
-	width: 500px;
+	width: 580px;
 	border: 1px solid #999;
 	border-radius: 16px;
 	padding: 32px;

diff --git a/index.html b/index.html
@@ -117,6 +117,7 @@
 
 
         <div id="book">
+        <div>
         <h1>The Node Beginner Book</h1>
 
         <div id="author">A Node.js tutorial by <a href="http://twitter.com/manuelkiessling">Manuel Kiessling</a></div>
@@ -1515,11 +1516,13 @@ <h3>Routing to real request handlers</h3>
             unless we have these in place there isn't much sense in doing
             anything with the router for now.
         </p>
+        </div>
 
         <div id="salespitch">
-          <img id="authorimage" src="manuelkiessling.png" width="48" height="48"/>
           <div id="bubble">
+            <img id="authorimage" src="manuelkiessling.jpg" width="160" height="160"/>
             <p>
+              <br/>
               Hi there! Sorry to interrupt you.
             </p>
             <p>

diff --git a/manuelkiessling.jpg b/manuelkiessling.jpg