From 966721043fc289a023be8ab6d0340ec5fff4bc73 Mon Sep 17 00:00:00 2001
From: Victoria Wang <violasong@gmail.com>
Date: Thu, 19 Nov 2015 12:30:42 -0800
Subject: [PATCH] Tutorial tweaks

---
 views/tutorial/html/1.erb | 14 +++++++-------
 views/tutorial/html/7.erb |  8 ++++----
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/views/tutorial/html/1.erb b/views/tutorial/html/1.erb
index e8fa2ed7..b6cec602 100644
--- a/views/tutorial/html/1.erb
+++ b/views/tutorial/html/1.erb
@@ -1,19 +1,19 @@
 <div class="comic" style="height: 967px; background-image: url(/img/tutorial/ch1pg1.png); background-size: 839px;">
-  <div class="dialogue" style="left: 270px; top:374px;">
+  <div class="dialogue" style="left: 280px; top:370px;">
     Oh, a new student!
   </div>
-  <div class="dialogue" style="left: 570px; top:374px;">
+  <div class="dialogue" style="left: 590px; top:370px;">
     Ahem, please come in!
   </div>
-  <div class="dialogue" style="left: 50px; top:630px;">
+  <div class="dialogue" style="left: 50px; top:635px;">
     I'm Penelope, and I'll be your teacher.
   </div>
-  <div class="dialogue" style="left: 500px; top:640px;">
+  <div class="dialogue" style="left: 500px; top:645px;">
     What's your name?
   </div>
-  <div style="position: absolute; left: 480px; top:850px;">
+  <div style="position: absolute; left: 490px; top:865px;">
     <input id="nameInput" type="text" placeholder="First Name" style="position: relative">
-    <button id="checkButton" class="btn btn-active">Submit</button>
+    <button id="checkButton" class="btn btn-active">Go</button>
   </div>
 </div>
 
@@ -27,7 +27,7 @@
     </div>
   </div>
 
-  <a href="/tutorial/html/2">Next >></a>
+  <a href="/tutorial/html/2" class="btn btn-active">Next</a>
 </div>
 
 <script>
diff --git a/views/tutorial/html/7.erb b/views/tutorial/html/7.erb
index 5c9e1b35..89c68a8e 100644
--- a/views/tutorial/html/7.erb
+++ b/views/tutorial/html/7.erb
@@ -1,5 +1,5 @@
-<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg7.png); background-size: 515px;margin-top:3em">
-  <div class="dialogue" style="left: 0;top:0;">
+<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg7.png); background-size: 515px;margin-top:4em">
+  <div class="dialogue" style="left: 0;top:-20px;">
     Now maybe your website needs a list. Here's how an unordered list looks:
     <div style="text-align: left; font-weight: bold">
     &lt;ul&gt;<br>
@@ -9,10 +9,10 @@
     &lt;/ul&gt;
     </div>
   </div>
-  <div class="dialogue">
+  <div class="dialogue" style="left: 350px; top: 0;">
     First, add a list to your page, but replace my favorite activities with your own!
   </div>
-  <div class="dialogue" style="left: 440px; top: 140px;">
+  <div class="dialogue" style="left: 440px; top: 120px;">
     Second, put an h2 header above the list with some kind of title, like "Interests."
   </div>
 </div>