fix: Move upgrade button to top of editor (#2687)

src/scss/editor.scss

@@ -13,6 +13,13 @@
   margin-bottom: 8px;
 }
 
+// The alert sizes the slot its button sits in to `min-content`, which would
+// otherwise break the label across lines.
+.card-config > ha-alert ha-button {
+  width: max-content;
+  white-space: nowrap;
+}
+
 // The switch between the editors, set apart from what it switches: it is a
 // control over the editor rather than one of the card settings below it. Its
 // icon sits beside the form so the row reads as one of the editor's rows, each
@@ -60,11 +67,6 @@
   margin-bottom: 8px;
 }
 
-.action-buttons {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-ha-button {
+.card-config > ha-button {
   margin: 10px;
 }