Fixing some styling issues on New Label Query (#849)

* Fixing some styling issues on New Label Query

* Fix lint error:

frontend/components/forms/queries/QueryForm/QueryForm.jsx

@@ -184,14 +184,14 @@ class QueryForm extends Component {
       return (
         <div className={`${baseClass}__button-wrap`}>
           <Button
-            className={`${baseClass}__save-changes-btn`}
+            className={`${baseClass}__cancel-btn`}
             onClick={onCancel}
             variant="inverse"
           >
             Cancel
           </Button>
           <Button
-            className={`${baseClass}__save-as-new-btn`}
+            className={`${baseClass}__save-btn`}
             disabled={!canSaveAsNew(fields, formData)}
             type="submit"
             variant="brand"
@@ -227,10 +227,13 @@ class QueryForm extends Component {
     const { platformOptions } = helpers;
 
     return (
-      <Dropdown
-        {...fields.platform}
-        options={platformOptions}
-      />
+      <div className="form-field form-field--dropdown">
+        <label className="form-field__label" htmlFor="platform">Platform</label>
+        <Dropdown
+          {...fields.platform}
+          options={platformOptions}
+        />
+      </div>
     );
   }
 

frontend/components/forms/queries/QueryForm/_styles.scss

@@ -22,7 +22,8 @@
     text-align: right;
   }
 
-  &__save-query-btn {
+  &__save-query-btn,
+  &__cancel-btn {
     margin-right: $xsmall;
   }
 

frontend/pages/hosts/ManageHostsPage/ManageHostsPage.jsx

@@ -233,15 +233,17 @@ export class ManageHostsPage extends Component {
 
     if (isAddLabel) {
       return (
-        <QueryForm
-          key="query-composer"
-          onCancel={onCancelAddLabel}
-          onOsqueryTableSelect={onOsqueryTableSelect}
-          handleSubmit={onSaveAddLabel}
-          queryType="label"
-          query={queryStub}
-          serverErrors={labelErrors}
-        />
+        <div className="body-wrap">
+          <QueryForm
+            key="query-composer"
+            onCancel={onCancelAddLabel}
+            onOsqueryTableSelect={onOsqueryTableSelect}
+            handleSubmit={onSaveAddLabel}
+            queryType="label"
+            query={queryStub}
+            serverErrors={labelErrors}
+          />
+        </div>
       );
     }