Wiki summary flexboxed

app/partials/wiki/wiki-summary.jade

@@ -1,13 +1,14 @@
-ul
-    li
+div.wiki-times-edited
     span.number <%- totalEditions %>
     span.description times <br />edited
-    li
+
+div.wiki-last-modified
     span.number <%- lastModifiedDate %>
     span.description last <br />edit
 
-    li.username-edition
+div.wiki-username-edition
     figure.avatar
         img(src!="<%- user.imgUrl %>" alt!="<%- user.name %>")
+    div.wiki-user-modification
         span.description last modification
         span.username <%- user.name %>

app/styles/modules/wiki/wiki-summary.scss

@@ -1,31 +1,28 @@
 .wiki-summary {
-    @include clearfix();
-    figure {
-        float: left;
-        margin-right: .5rem;
-        vertical-align: sub;
-        width: 32px;
-    }
-    ul {
-        align-items: flex-start;
+    align-items: center;
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    div {
         display: flex;
-        flex-direction: row;
+        justify-content: space-between;
+        margin-right: 1rem;
+    }
+    .number {
+        line-height: 2rem;
+        top: 0;
+    }
+    .wiki-user-modification {
+        display: flex;
+        flex-direction: column;
         justify-content: flex-start;
     }
-    .username-edition {
-        min-width: 240px;
-        span {
-            display: block;
-            float: none;
+    figure {
+        margin-right: .3rem;
+        width: 32px;
     }
     .username {
         @extend %large;
         color: $fresh-taiga;
         white-space: nowrap;
     }
-    }
-    .button {
-        color: $white;
-        float: right;
-    }
 }