style back to submissions link in header

opentech/apply/funds/templates/funds/submissions_by_round.html

@@ -7,7 +7,10 @@
     <div class="admin-bar">
         <div class="admin-bar__inner admin-bar__inner--with-button">
             <div>
-                <h5><a href="{% url "apply:submissions:overview" %}">< Submissions</a></h5>
+                <a href="{% url "apply:submissions:overview" %}" class="admin-bar__link">
+                    <svg><use xlink:href="#arrow"></use></svg>
+                    Submissions
+                </a>
                 <h1 class="gamma heading heading--no-margin heading--bold">{{ object }}</h1>
                 <h5>{% if object.fund %}{{ object.fund }} | {% endif %}Lead: {{ object.lead }}</h5>
             </div>

opentech/static_src/src/sass/apply/components/_admin-bar.scss

@@ -28,4 +28,25 @@
             margin-bottom: 0;
         }
     }
+
+    &__link {
+        display: inline-flex;
+        align-items: center;
+        color: $color--white;
+        opacity: .8;
+        transition: opacity $quick-transition;
+        font-size: 14px;
+        font-weight: $weight--semibold;
+
+        &:hover {
+            opacity: 1;
+        }
+
+        svg {
+            width: 30px;
+            height: 30px;
+            fill: $color--white;
+            margin-right: 5px;
+        }
+    }
 }

opentech/templates/includes/sprites.html

@@ -296,4 +296,9 @@
     <symbol id="padlock" viewBox="0 0 64 64">
         <g id="Icon-Lock" transform="translate(284 430)"><path class="st0" d="M-237.7-401.3h-3v-6.4c0-6.2-5.1-11.3-11.3-11.3-6.2 0-11.3 5.1-11.3 11.3v6.4h-3v-6.4c0-7.9 6.4-14.3 14.3-14.3s14.3 6.4 14.3 14.3v6.4" id="Fill-66"/><path class="st0" d="M-239.2-374.1h-25.6c-2.6 0-4.8-2.2-4.8-4.8v-19.2c0-2.6 2.2-4.8 4.8-4.8h25.6c2.6 0 4.8 2.2 4.8 4.8v19.2c0 2.7-2.2 4.8-4.8 4.8zm-25.6-25.6c-.9 0-1.6.7-1.6 1.6v19.2c0 .9.7 1.6 1.6 1.6h25.6c.9 0 1.6-.7 1.6-1.6v-19.2c0-.9-.7-1.6-1.6-1.6h-25.6z" id="Fill-67"/><path class="st0" d="M-248.8-393.3c0 1.8-1.4 3.2-3.2 3.2s-3.2-1.4-3.2-3.2 1.4-3.2 3.2-3.2 3.2 1.5 3.2 3.2" id="Fill-68"/><path class="st0" id="Fill-69" d="M-251.2-393.3h-1.6l-1.6 9.6h4.8l-1.6-9.6"/></g>
     </symbol>
+
+    <symbol id="arrow" viewBox="0 0 24 24">
+        <path d="M0 0h24v24H0z" fill="none" />
+        <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
+    </symbol>
 </svg>