ENH Include versioned status flag styling (#372)

This used to be in silverstripe/admin for some reason

client/src/styles/bundle.scss

@@ -6,6 +6,7 @@
 
 // Legacy
 @import "legacy/ArchiveAdmin";
+@import "legacy/badges";
 
 // Components
 @import "../components/HistoryViewer/HistoryViewer";

client/src/styles/legacy/_badges.scss

@@ -0,0 +1,15 @@
+@mixin badge-status($label, $textColor, $bgColor) {
+  .badge.status-#{$label}  {
+    background-color: $bgColor;
+    border-color: $textColor;
+  }
+  .badge.status-#{$label}  {
+    color: $textColor;
+  }
+}
+
+@include badge-status('addedtodraft', #cf3f00, #fff2ea);
+@include badge-status('modified', #cf3f00, #fff2ea);
+@include badge-status('archived', #455b6c, #f1f3f6);
+@include badge-status('deletedonlive', #455b6c, #f1f3f6);
+@include badge-status('removedfromdraft', #455b6c, #f1f3f6);

tests/Behat/features/restore-to-draft.feature

@@ -17,8 +17,10 @@ Feature: Restore to draft
 
   Scenario: I can restore archived version to draft
     When I go to "/admin/archive"
-    Then I should see "MyPage" in the "#Form_EditForm" element
-    Then I click "MyPage" in the "#Form_EditForm" element
+    Then I should see "MyPage" in the "#Form_EditForm .col-Title" element
+    # Need to use "directly" here or it will think the badge is part of the text in the element
+    # which results in thinking it's not a match ("MyPageArchived" !== "MyPage")
+    Then I click "MyPage" directly in the "#Form_EditForm .col-Title" element
     Then I press the "Restore to draft" button
     Then I should see "Successfully restored the page" in the "#Form_EditForm" element
     When I go to "/admin/pages"