trustpub: Improve form layout and styling for trusted publisher creation

Author: Turbo87

app/styles/crate/settings/new-trusted-publisher.module.css

@@ -1,9 +1,14 @@
+.form {
+    max-width: 600px;
+    margin: var(--space-m) auto;
+}
+
 .form-group, .buttons {
     margin: var(--space-m) 0;
 }
 
 .publisher-select {
-    max-width: 440px;
+    max-width: 600px;
     width: 100%;
     padding-right: var(--space-m);
     background-image: url("/assets/dropdown.svg");
@@ -19,7 +24,7 @@
 }
 
 .input {
-    max-width: 440px;
+    max-width: 600px;
     width: 100%;
 }
 

app/templates/crate/settings/new-trusted-publisher.hbs

@@ -1,6 +1,6 @@
-<h2>Add a new Trusted Publisher</h2>
+<form local-class="form" {{on "submit" (prevent-default (perform this.saveConfigTask))}}>
+  <h2>Add a new Trusted Publisher</h2>
 
-<form {{on "submit" (prevent-default (perform this.saveConfigTask))}}>
   <div local-class="form-group">
     {{#let (unique-id) as |id|}}
       <label for={{id}} class="form-group-name">Publisher</label>