Restyle the invite display

static/css/main.css

@@ -185,15 +185,19 @@ tr.sticky a:link {
 #invite-code {
     font-size:x-large;
     text-align:center;
+    background:url(img/chest-open.png) center no-repeat;
+    height: 300;
 }
 
 #invite-code input {
     font-size: x-large;
-    width: 100%;
     text-align: center;
-    background-color: #000;
+    background-color: transparent;
     color: #fff;
-    border: 1px solid white;
+    border: 0;
+    width: 100px !important;
+    top: 155;
+    position: relative;
 }
 
 #invite-table tr.deleted {

templates/profiles/show_invite.html

@@ -5,10 +5,6 @@
 {% block content %}
     <p>To invite a friend to Caminus, simply share them this code, or link to this page:</p>
     <div id="invite-code">
-        <p>Code</p>
         <input type="text" value="{{invite.code}}" onClick="this.select()"/>
-        <br />
-        <p>Link</p>
-        <input type="text" value="http://{{site_url}}{{ invite.get_absolute_url }}" onClick="this.select()"/>
     </div>
 {% endblock %}