From 5e1f42b49616e2f7c9467e0c58075ba5e5e10d7f Mon Sep 17 00:00:00 2001
From: Samuel Clay <samuel@ofbrooklyn.com>
Date: Mon, 25 Feb 2013 17:49:08 -0800
Subject: [PATCH] Fixing a few broken pixels in onboarding.

---
 media/css/reader.css                     | 7 +++++--
 media/js/newsblur/reader/reader_intro.js | 7 +++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/media/css/reader.css b/media/css/reader.css
index ac7d2500c..76456bdb3 100644
--- a/media/css/reader.css
+++ b/media/css/reader.css
@@ -6495,7 +6495,7 @@ form.opml_import_form input {
 }
 
 .NB-modal-intro .NB-modal-loading {
-    margin: 8px 8px 0 0;
+    margin: 16px 8px 0 0;
 }
 .NB-modal-intro .NB-intro-section {
     padding: 24px 4px;
@@ -6829,7 +6829,7 @@ form.opml_import_form input {
   clear: both;
 }
 .NB-modal-intro .NB-page-4-started {
-    margin: 12px 24px;
+    margin: 6px 0 18px;
 }
 .NB-modal-intro .NB-intro-follows {
     border-radius: 6px;
@@ -6851,6 +6851,9 @@ form.opml_import_form input {
 .NB-modal-intro .NB-intro-uptodate-subscribe .NB-intro-uptodate-follow {
     border-bottom: none;
 }
+.NB-modal-intro .NB-intro-uptodate-follow iframe {
+    margin: 6px auto 0;
+}
 .NB-modal-intro .NB-intro-uptodate-follow .NB-modal-submit-button {
     width: 100px;
     text-shadow: none;
diff --git a/media/js/newsblur/reader/reader_intro.js b/media/js/newsblur/reader/reader_intro.js
index 4f16401df..43a25ac84 100644
--- a/media/js/newsblur/reader/reader_intro.js
+++ b/media/js/newsblur/reader/reader_intro.js
@@ -101,7 +101,7 @@ _.extend(NEWSBLUR.ReaderIntro.prototype, {
                             ]),
                             $.make('div', { className: 'NB-intro-bookmarklet NB-intro-section NB-intro-import-container' }, [
                                 $.make('h3', { className: 'NB-module-content-header' }, 'Install'),
-                                $.make('div', { className: 'NB-intro-import' }, [
+                                $.make('div', { className: 'NB-intro-import NB-intro-module' }, [
                                     NEWSBLUR.generate_bookmarklet(),
                                     $.make('div', { className: 'NB-intro-bookmarklet-info' }, 'Drag this bookmarklet into your bookmarks bar')
                                 ])
@@ -124,8 +124,7 @@ _.extend(NEWSBLUR.ReaderIntro.prototype, {
                                 $.make('img', { src: 'http://a0.twimg.com/profile_images/1382021023/Campeche_Steps_normal.jpg', style: 'border-color: #505050;' }),
                                 $.make('span', '@samuelclay')
                             ]),
-                            $.make('a', { href: "https://twitter.com/samuelclay", className: "twitter-follow-button", "data-show-count": true }, "Follow @samuelclay"),
-                            $.make('script', '!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");')
+                            $.make('iframe', { allowtransparency: "true", frameborder: "0", scrolling: "no", src: "//platform.twitter.com/widgets/follow_button.html?screen_name=samuelclay", width: 230, height: 20 })
                         ]),
                         $.make('td', { className: 'NB-intro-uptodate-follow NB-intro-uptodate-follow-twitter' }, [
                             $.make('input', { type: 'checkbox', id: 'NB-intro-uptodate-follow-newsblur' }),
@@ -133,7 +132,7 @@ _.extend(NEWSBLUR.ReaderIntro.prototype, {
                                 $.make('img', { src: 'http://a0.twimg.com/profile_images/1268996309/logo_128_normal.png', style: 'border-color: #505050;' }),
                                 $.make('span', '@newsblur')
                             ]),
-                            $.make('a', { href: "https://twitter.com/newsblur", className: "twitter-follow-button", "data-show-count": true }, "Follow @newsblur")
+                            $.make('iframe', { allowtransparency: "true", frameborder: "0", scrolling: "no", src: "//platform.twitter.com/widgets/follow_button.html?screen_name=newsblur", width: 230, height: 20 })
                         ])
                     ]),
                     $.make('tr', { className: 'NB-intro-uptodate-subscribe' }, [