chore: 🤖 style

ui/admin/app/components/form/field/secret-input/index.hbs

@@ -28,9 +28,14 @@
     <Hds::Button
       @text={{t 'actions.edit'}}
       @icon='edit'
+      @color='secondary'
       {{on 'click' this.enableEdit}}
     />
   {{else}}
-    <Hds::Button @text={{t 'actions.cancel'}} {{on 'click' this.clearEdit}} />
+    <Hds::Button
+      @text={{t 'actions.cancel'}}
+      @color='secondary'
+      {{on 'click' this.cancelEdit}}
+    />
   {{/if}}
 </div>

ui/admin/app/components/form/field/secret-input/index.js

@@ -52,7 +52,7 @@ export default class FormFieldSecretInputIndexComponent extends Component {
    * Sets the secret field back to disabled mode
    */
   @action
-  clearEdit() {
+  cancelEdit() {
     this.secret = null;
     this.editing = false;
   }

ui/admin/app/components/form/storage-bucket/index.hbs

@@ -189,6 +189,7 @@
         </F.Error>
       {{/if}}
     </Hds::Form::TextInput::Field>
+
   {{else}}
     <Form::Field::SecretInput
       @isRequired={{true}}
@@ -215,6 +216,7 @@
         </F.Error>
       {{/if}}
     </Form::Field::SecretInput>
+
   {{/if}}
   <Hds::Form::TextInput::Field
     @isRequired={{true}}

ui/admin/app/styles/app.scss

@@ -706,6 +706,7 @@
   }
   .hds-button {
     margin-top: 4.25rem;
+    width: 6rem;
   }
 }
 // session recording player