Bug 630389, styled up the home link all pretty-like

apps/addons/templates/addons/mobile/details.html

@@ -3,7 +3,6 @@
 {% block title %}{{ page_title(addon.name) }}{% endblock %}
 
 {% block page %}
-<section id="content">
   <div class="listview">
     <div class="item">
       <img class="icon" width="32" height="32" src="{{ addon.icon_url }}">
@@ -114,5 +113,4 @@
     {{ emaillink(addon.support_email.localized_string,
                  _('Ask the Author a Question')) }}
   {% endif %}
-</section>
 {% endblock %}

media/css/zamboni/mobile.css

@@ -48,6 +48,13 @@ table {
 }
 /* end meyer reset */
 
+/* don't want any more transitions? this is the kill-switch!*/
+/*
+*, *:after {
+    -moz-transition: none !important;
+}
+*/
+
 /** Clearfix */
 .listview li a:after,
 header:after,
@@ -136,7 +143,6 @@ table th {
     color: #666;
 }
 #content {
-    margin-top: 1em;
     width: 100%;
     overflow: hidden;
     position: relative;
@@ -276,6 +282,13 @@ header hgroup {
     position: relative;
     padding-left: 80px;
 }
+header #home {
+    clear: both;
+    color: #447BC4;
+    float: left;
+    padding: 14px 0;
+    line-height: 14px;
+}
 .mini-header .site-title a {
     font-size: 22px;
     line-height: 22px;

templates/mobile/base.html

@@ -44,7 +44,9 @@
             </a>
           </h1>
         </hgroup>
-        <a href="{{ url('home') }}" id="home">{{ _('Mobile Add-ons Home') }}</a>
+        <a href="{{ url('home') }}" id="home">
+          <svg width="18" height="16"><polygon fill="#447BC4" points="9,0 18,9 15,9 15,16 11,16 11,11 7,11 7,18 3,16 3,9 0,9"/></svg>
+          {{ _('Mobile Add-ons Home') }}</a>
       </header>
     {% endblock %}