Changes from UX feedback

Table headers: "Created at" => "Created", "Secret name" => "Name"
Add danger variant to destructive actions
Add page-title and gl-font-size-h-display to page title

ee/app/assets/javascripts/ci/secrets/components/secrets_table/secret_actions_cell.vue

@@ -36,12 +36,12 @@ export default {
     </gl-disclosure-dropdown-item>
     <gl-disclosure-dropdown-item>
       <template #list-item>
-        {{ s__('Secrets|Delete') }}
+        <span class="text-danger">{{ s__('Secrets|Delete') }}</span>
       </template>
     </gl-disclosure-dropdown-item>
     <gl-disclosure-dropdown-item>
       <template #list-item>
-        {{ s__('Secrets|Revoke') }}
+        <span class="text-danger">{{ s__('Secrets|Revoke') }}</span>
       </template>
     </gl-disclosure-dropdown-item>
   </gl-disclosure-dropdown>

ee/app/assets/javascripts/ci/secrets/components/secrets_table/secrets_table.vue

@@ -51,7 +51,7 @@ export default {
   fields: [
     {
       key: 'name',
-      label: s__('Secrets|Secret name'),
+      label: s__('Secrets|Name'),
     },
     {
       key: 'lastAccessed',
@@ -59,7 +59,7 @@ export default {
     },
     {
       key: 'createdAt',
-      label: s__('Secrets|Created at'),
+      label: s__('Secrets|Created'),
     },
     {
       key: 'actions',
@@ -73,7 +73,7 @@ export default {
 </script>
 <template>
   <div>
-    <h1>{{ s__('Secrets|Secrets') }}</h1>
+    <h1 class="page-title gl-font-size-h-display">{{ s__('Secrets|Secrets') }}</h1>
     <p>
       <gl-sprintf
         :message="

locale/gitlab.pot

@@ -44257,7 +44257,7 @@ msgstr ""
 msgid "Secrets|Audit log"
 msgstr ""
-msgid "Secrets|Created at"
+msgid "Secrets|Created"
 msgstr ""
 msgid "Secrets|Delete"
@@ -44272,6 +44272,9 @@ msgstr ""
 msgid "Secrets|Last accessed"
 msgstr ""
+msgid "Secrets|Name"
+msgstr ""
+
 msgid "Secrets|New secret"
 msgstr ""
@@ -44281,9 +44284,6 @@ msgstr ""
 msgid "Secrets|Secret details"
 msgstr ""
-msgid "Secrets|Secret name"
-msgstr ""
-
 msgid "Secrets|Secrets"
 msgstr ""