Bootstrapify the link display

go/go/templates/link_box.html

@@ -7,47 +7,43 @@ a.share:visited {color:#000000;}
 a.share:hover {color:#000000;}
 </style>
 
-<div class="link-box">
-
-  <p class="link">
-    <strong>Long:</strong> <a href="{{url.target}}">{{url.target}}</a>
-    <br />
-
-    <strong>Short:</strong> <a href="/{{url.short}}">{{url.short}}</a>
-    <br />
-
-    {% if url.owner = request.user and request.user|is_registered %}
-    <strong>Clicks:</strong> {{url.clicks}}
-    <br />
-
-    <strong>Expires:</strong> {{url.expires|default_if_none:"Never"}}
-    <br />
-
-    <strong>
-      <a href="{%url 'delete' url.short%}"
-      onclick="return confirm('Are you sure you want to delete this link?');">
-        Delete
-      </a>
-    </strong>
-    {% endif %}
-  </p>
+<div class="col-md-8">
+  <strong>Long:</strong> <a href="{{url.target}}">{{url.target}}</a>
+  <br />
+
+  <strong>Short:</strong> <a href="/{{url.short}}">{{url.short}}</a>
+  <br />
+
+  {% if url.owner = request.user and request.user|is_registered %}
+  <strong>Clicks:</strong> {{url.clicks}}
+  <br />
+
+  <strong>Expires:</strong> {{url.expires|default_if_none:"Never"}}
+  <br />
+
+  <strong>
+    <a href="{%url 'delete' url.short%}"
+    onclick="return confirm('Are you sure you want to delete this link?');">
+      Delete
+    </a>
+  </strong>
+  {% endif %}
+</div>
 
-  <p class="qr">
-    {% qr_from_text url.get_absolute_url 100 %}
-  </p>
-  <p>
+<div class="col-md-4">
+  {% qr_from_text url.get_absolute_url 's' %}
   <a class="share" href="http://twitter.com/share?url={{ url.get_absolute_url }}" target="_blank" title="Share via Twitter">
     <i class="fa fa-twitter-square fa-3x"></i>
   </a>
-
+  
   <a class="share" href="http://www.facebook.com/share.php?u={{ url.get_absolute_url }}" target="_blank" title="Share via Facebook">
     <i class="fa fa-facebook-square fa-3x"></i>
   </a>
-
+  
   <a class="share" href="https://plus.google.com/share?url={{ url.get_absolute_url }}" target="_blank" title="Share via Google+">
     <i class="fa fa-google-plus-square fa-3x"></i>
   </a>
-
+  
   <a class="share" href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{ url.get_absolute_url }}&amp;ro=false&amp;summary=&amp;source=" target="_blank" title="Share via LinkedIn">
     <i class="fa fa-linkedin-square fa-3x"></i>
   </a>

go/go/templates/my_links.html

@@ -8,12 +8,21 @@ Go - My Links
 
 {% block content %}
 
-<h3>~My Links~</h3>
+<div class="page-header" id="banner">
+  <div class="row">
+    <div class="col-md-12">
 
-{% for url in urls %}
-  {% include 'link_box.html' %}
-{% empty %}
-  <p>None found.</p>
-{% endfor %}
+      <h1><strong>My Links</strong></h1>
 
+    </div>
+  </div>
+</div>
+
+<div class="row">
+    {% for url in urls %}
+      {% include 'link_box.html' %}
+    {% empty %}
+      <p>None found.</p>
+    {% endfor %}
+</div>
 {% endblock %}