moved groupId and artifactId in one row

Signed-off-by: Sri Kumar <[email protected]>

Author: sri1873

start-client/src/components/common/builder/Fields.js

@@ -109,22 +109,24 @@ function Fields({
               )}
             </Control>
             <Control text='Project Metadata'>
-              <FieldInput
-                id='input-group'
-                value={get(values, 'meta.group')}
-                text='Group'
-                onChange={event => {
-                  update({ meta: { group: event.target.value } })
-                }}
-              />
-              <FieldInput
-                id='input-artifact'
-                value={get(values, 'meta.artifact')}
-                text='Artifact'
-                onChange={event => {
-                  update({ meta: { artifact: event.target.value } })
-                }}
-              />
+              <div className="control control-inline">
+                <FieldInput
+                  id='input-group'
+                  value={get(values, 'meta.group')}
+                  text='Group'
+                  onChange={event => {
+                    update({ meta: { group: event.target.value } })
+                  }}
+                />
+                <FieldInput
+                  id='input-artifact'
+                  value={get(values, 'meta.artifact')}
+                  text='Artifact'
+                  onChange={event => {
+                    update({ meta: { artifact: event.target.value } })
+                  }}
+                  />
+              </div>
               <FieldInput
                 id='input-name'
                 value={get(values, 'meta.name')}

start-client/src/styles/_main.scss

@@ -278,7 +278,7 @@ hr.divider {
 // Control
 
 .control {
-  padding: 0.6rem 0;
+  padding: 0.45rem 0;
   .label {
     font-weight: 600;
     font-size: $spring-font-size + 2;