Adds a flex

src/DistBuilder.re

@@ -36,6 +36,12 @@ module FieldString = {
   };
 };
 
+module Styles = {
+  open Css;
+  let row =
+    style([display(`flex), selector("div > div", [flex(`num(1.))])]);
+};
+
 module FieldFloat = {
   [@react.component]
   let make = (~field, ~label) => {
@@ -84,6 +90,8 @@ let make = () => {
         field=FormConfig.GuesstimatorString
         label="GuesstimatorString"
       />
+      <div className=Styles.row>
+        <div>
           <Form.Field
             field=FormConfig.DomainType
             render={({handleChange, value}) =>
@@ -105,11 +113,17 @@ let make = () => {
               </Antd.Form.Item>
             }
           />
-      <FieldString field=FormConfig.XPoint label="xPoint" />
+        </div>
+        <div> <FieldString field=FormConfig.XPoint label="xPoint" /> </div>
+        <div>
           <FieldString
             field=FormConfig.ExcludingProbabilityMass
             label="excludingProbabilityMass"
           />
+        </div>
+      </div>
+      <div className=Styles.row>
+        <div>
           <Form.Field
             field=FormConfig.UnitType
             render={({handleChange, value}) =>
@@ -125,6 +139,8 @@ let make = () => {
               </Antd.Form.Item>
             }
           />
+        </div>
+        <div>
           <Form.Field
             field=FormConfig.Zero
             render={({handleChange, value}) =>
@@ -140,6 +156,8 @@ let make = () => {
               </Antd.Form.Item>
             }
           />
+        </div>
+        <div>
           <Form.Field
             field=FormConfig.Unit
             render={({handleChange, value}) =>
@@ -176,6 +194,8 @@ let make = () => {
               </Antd.Form.Item>
             }
           />
+        </div>
+      </div>
       <Antd.Form.Item>
         {reform.state.formState == Submitting
            ? "Loading" |> E.ste