anchor.diff:        margin: 0px;
         padding: 4px;
         position: absolute;
  -      top: 20px;
  +      top: 18px;
         right: 10px;
         width: 500px;
       }
  
positive.code:       font-size: 120%;
      }
      .main{
        width: 80%;
        margin: auto;
      }
    </style>
  
negative.code:   </div>
  
    <div class="main">
      <div class="shorten_form">
        <form method="POST" action="/shorten"> <h2>Insert link:</h2>
          <input type="text" name="url" />
          <input type="submit" name="shorten" value="Shorten" id="shorten_button" class="shorten_button"/>
        </form>
      </div>
  
      <div class="join">
        <form method="GET" action="/join" class="join">
          <input type="submit" id="join_button" value="Join JetFuel" />
        </form>
      </div>
  
      <div class="table">
        <h2>Top Links</h2>
          <table>
          <% @top_links.each do |top_link| %>
            <tr>
              <td><%= top_link.full_url %></td>
              <td>Viewed <%= top_link.visits_count %> times</td> 
              <td>
                Via: <a href="http://<%= top_link.short_url %>">
                <%= top_link.short_url %></a>
              </td>
            </tr>
          <% end %>
          </table>
      </div>
    </div>
  
  </body>
  