Fix MQTT subscribe controls layout

Author: timmo001

src/panels/config/integrations/integration-panels/mqtt/mqtt-subscribe-card.ts

@@ -254,12 +254,13 @@ class MqttSubscribeCard extends LitElement {
     }
     .panel-dev-mqtt-subscribe-fields {
       display: flex;
+      align-items: center;
       justify-content: space-between;
       flex-wrap: wrap;
+      gap: var(--ha-space-2);
     }
     ha-select {
       width: 96px;
-      margin: 0 8px;
     }
     ha-input {
       flex: 1;
@@ -281,10 +282,6 @@ class MqttSubscribeCard extends LitElement {
     @media screen and (max-width: 600px) {
       ha-select {
         display: block;
-        margin-left: 0px;
-        margin-top: 8px;
-        margin-inline-start: 0px;
-        margin-inline-end: initial;
       }
       ha-input {
         flex: auto;