VersionList::Row: Align creation date to the right side

Author: Turbo87

app/components/version-list/row.hbs

@@ -8,12 +8,13 @@
       {{@version.num}}
     </LinkTo>
 
-    <span local-class="date">{{date-format @version.created_at 'PPP'}}</span>
     {{#if @version.yanked}}
       <span local-class='yanked'>yanked</span>
     {{/if}}
   </div>
 
+  <span local-class="date">{{date-format @version.created_at 'PPP'}}</span>
+
   {{#if this.isOwner}}
     <YankButton @version={{@version}} local-class="yank-button" />
   {{/if}}

app/components/version-list/row.module.css

@@ -1,7 +1,6 @@
 .row {
     display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
+    align-items: center;
     position: relative;
     padding: 20px;
     transition: background-color 300ms;
@@ -10,6 +9,10 @@
         background-color: var(--grey200);
         transition: background-color 0ms;
     }
+
+    & >:first-child {
+        flex-grow: 1;
+    }
 }
 
 .num-link {
@@ -37,4 +40,5 @@
 
 .yank-button {
     position: relative;
+    margin-left: 10px;
 }