From a39c2a314ac6d7b98323920a1b422a35ebc608ba Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Wed, 3 May 2023 14:59:35 +0200
Subject: [PATCH] Branding adjustment for cloud discover (#16396)

* Branding adjustment for cloud discover

* Amazing
---
 .../config/voice-assistants/cloud-discover.ts | 45 +++++++++++--------
 src/translations/en.json                      |  4 +-
 2 files changed, 29 insertions(+), 20 deletions(-)

diff --git a/src/panels/config/voice-assistants/cloud-discover.ts b/src/panels/config/voice-assistants/cloud-discover.ts
index f762251d78..581ee0041e 100644
--- a/src/panels/config/voice-assistants/cloud-discover.ts
+++ b/src/panels/config/voice-assistants/cloud-discover.ts
@@ -18,10 +18,33 @@ export class CloudDiscover extends LitElement {
         <div class="card-content">
           <h1 class="header">
             ${this.hass.localize(
-              "ui.panel.config.voice_assistants.assistants.cloud.header"
+              "ui.panel.config.voice_assistants.assistants.cloud.title",
+              {
+                home_assistant_cloud: html`
+                  <span class="no-wrap">Home Assistant Cloud</span>
+                `,
+              }
             )}
           </h1>
           <div class="features">
+            <div class="feature">
+              <div class="logos">
+                <div class="round-icon">
+                  <ha-svg-icon .path=${mdiMicrophoneMessage}></ha-svg-icon>
+                </div>
+              </div>
+              <h2>
+                ${this.hass.localize(
+                  "ui.panel.config.voice_assistants.assistants.cloud.features.speech.title"
+                )}
+                <span class="no-wrap"></span>
+              </h2>
+              <p>
+                ${this.hass.localize(
+                  "ui.panel.config.voice_assistants.assistants.cloud.features.speech.text"
+                )}
+              </p>
+            </div>
             <div class="feature">
               <div class="logos">
                 <img
@@ -54,23 +77,6 @@ export class CloudDiscover extends LitElement {
                 )}
               </p>
             </div>
-            <div class="feature">
-              <div class="logos">
-                <div class="round-icon">
-                  <ha-svg-icon .path=${mdiMicrophoneMessage}></ha-svg-icon>
-                </div>
-              </div>
-              <h2>
-                ${this.hass.localize(
-                  "ui.panel.config.voice_assistants.assistants.cloud.features.speech.title"
-                )}
-              </h2>
-              <p>
-                ${this.hass.localize(
-                  "ui.panel.config.voice_assistants.assistants.cloud.features.speech.text"
-                )}
-              </p>
-            </div>
           </div>
           <div class="more">
             <a href="https://www.nabucasa.com" target="_blank" rel="noreferrer">
@@ -195,6 +201,9 @@ export class CloudDiscover extends LitElement {
       .more a ha-svg-icon {
         --mdc-icon-size: 16px;
       }
+      .no-wrap {
+        white-space: nowrap;
+      }
     `;
   }
 }
diff --git a/src/translations/en.json b/src/translations/en.json
index aef348483a..1b0de3e707 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -2081,14 +2081,14 @@
               }
             },
             "cloud": {
-              "header": "Get the best assistant with Home Assistant Cloud",
+              "title": "Get the best assistant with {home_assistant_cloud}",
               "features": {
                 "assistants": {
                   "title": "Google Assistant and Amazon Alexa",
                   "text": "Control all your Home Assistant devices via any Google Assistant-enabled or Alexa-enabled device."
                 },
                 "speech": {
-                  "title": "Better speech options",
+                  "title": "Amazing speech options for Assist",
                   "text": "Bring personality to your home by having it speak to you using our neural-network powered speech-to-text and text-to-speech services."
                 }
               },