From 1e1e3cbd79aa87dc5b79dbb94c02d9da16b20666 Mon Sep 17 00:00:00 2001
From: Nathan Woulfe <nathan@nathanw.com.au>
Date: Sat, 25 Feb 2023 00:35:54 +1000
Subject: [PATCH] translations section - button and input labels (#542)

* translations section - button and input labels

* consistent margin on main element

---------

Co-authored-by: Mads Rasmussen <madsr@hey.com>
---
 .../dictionary/dashboard-translation-dictionary.element.ts    | 2 +-
 .../dictionary/workspace/dictionary-workspace.element.ts      | 4 ++--
 .../views/edit/workspace-view-dictionary-edit.element.ts      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/translation/dashboards/dictionary/dashboard-translation-dictionary.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/translation/dashboards/dictionary/dashboard-translation-dictionary.element.ts
index c48a2ae248..9e9bd62a65 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/translation/dashboards/dictionary/dashboard-translation-dictionary.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/translation/dashboards/dictionary/dashboard-translation-dictionary.element.ts
@@ -173,7 +173,7 @@ export class UmbDashboardTranslationDictionaryElement extends UmbLitElement {
 
 	render() {
 		return html` <div id="dictionary-top-bar">
-				<uui-button type="button" look="outline" @click=${this.#create}>Create dictionary item</uui-button>
+				<uui-button type="button" look="outline" label="Create dictionary item" @click=${this.#create}>Create dictionary item</uui-button>
 				<uui-input
 					@keyup="${this.#filter}"
 					placeholder="Type to filter..."
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/translation/dictionary/workspace/dictionary-workspace.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/translation/dictionary/workspace/dictionary-workspace.element.ts
index 74e6564ca6..8bc48e4d75 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/translation/dictionary/workspace/dictionary-workspace.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/translation/dictionary/workspace/dictionary-workspace.element.ts
@@ -63,10 +63,10 @@ export class UmbWorkspaceDictionaryElement extends UmbLitElement implements UmbW
 		return html`
 			<umb-workspace-layout alias="Umb.Workspace.Dictionary">
 				<div id="header" slot="header">
-					<uui-button href="/section/translation/dashboard" compact>
+					<uui-button href="/section/translation/dashboard" label="Back to list" compact>
 						<uui-icon name="umb:arrow-left"></uui-icon>
 					</uui-button>
-					<uui-input .value=${this._name} @input="${this.#handleInput}"></uui-input>
+					<uui-input .value=${this._name} @input="${this.#handleInput}" label="Dictionary name"></uui-input>
 				</div>
 			</umb-workspace-layout>
 		`;
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/translation/dictionary/workspace/views/edit/workspace-view-dictionary-edit.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/translation/dictionary/workspace/views/edit/workspace-view-dictionary-edit.element.ts
index 04152ba8a9..7ca550a636 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/translation/dictionary/workspace/views/edit/workspace-view-dictionary-edit.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/translation/dictionary/workspace/views/edit/workspace-view-dictionary-edit.element.ts
@@ -16,7 +16,7 @@ export class UmbWorkspaceViewDictionaryEditElement extends UmbLitElement {
 		css`
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-space-6);
 			}
 		`,
 	];