Remove metadata component style override

- and replace with new option from the component
- inverse option for metadata automatically had extra spacing around it, this was being removed by this style override
- can be seen on pages such as https://www.gov.uk/guidance/the-highway-code

app/assets/stylesheets/views/_manual.scss

@@ -42,15 +42,6 @@
   &.hmrc {
     background: govuk-organisation-colour("hm-revenue-customs");
   }
-
-  .gem-c-metadata--inverse {
-    background: none;
-    padding: 0;
-
-    .gem-c-metadata__list {
-      margin: 0;
-    }
-  }
 }
 
 .section-list {

app/presenters/content_item/manual.rb

@@ -33,6 +33,7 @@ def manual_metadata
         first_published: published,
         other: other_metadata,
         inverse: true,
+        inverse_compress: true,
       }
     end
 

test/presenters/content_item/manual_test.rb

@@ -66,10 +66,11 @@ def initialize(schema_name = "manual")
     expected_metadata = {
       from: ["<a class=\"govuk-link\" href=\"/blah\">blah</a>"],
       first_published: "23 March 2022",
-      inverse: true,
       other: {
         I18n.t("manuals.updated") => "23 March 2022, <a href=\"/a/base/path/updates\">#{I18n.t('manuals.see_all_updates')}</a>",
       },
+      inverse: true,
+      inverse_compress: true,
     }
     assert_equal expected_metadata, item.manual_metadata
   end