adding wrapper around each status bar

opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html

@@ -21,7 +21,7 @@
 <div class="wrapper wrapper--large wrapper--inner-space-medium">
     <h3>Your active submissions</h3>
     {% for submission in my_active_submissions %}
-        <div>
+        <div class="wrapper wrapper--status-bar">
             <a href="{% url 'funds:submission' submission.id %}">{{ submission.title }}</a>
             {% include "funds/includes/status_bar.html" with workflow=submission.workflow status=submission.phase class="status-bar--small" %}
         </div>

opentech/static_src/src/sass/apply/components/_wrapper.scss

@@ -249,4 +249,17 @@
             padding: 20px;
         }
     }
+
+    &--status-bar {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        padding: 20px;
+        background-color: $color--white;
+        border-bottom: 3px solid $color--light-grey;
+
+        div:first-child {
+            padding-right: 20px;
+        }
+    }
 }