fix: move up again

equinor · Apr 4, 2024 · bbe8478 · bbe8478
1 parent afa043b
commit bbe8478
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/web/src/Components/Bridging/BridgeContainer.tsx b/web/src/Components/Bridging/BridgeContainer.tsx
@@ -96,6 +96,16 @@ export default ({ bridges, mode, setMode, bridgeValue, setValue }: BridgeContain
           borderRadius: '0.5rem',
         }}
       >
+        <InputContainer
+          mode={mode}
+          onBridgeOptionChange={onBridgeOptionChange}
+          onBridgeValueChange={onBridgeValueChange}
+          optimalBridgeGraphData={optimalBridgeGraphData}
+          unit={unit}
+          bridgeValue={bridgeValue}
+          bridgeValueVariant={bridgeValueVariant}
+          bridgeValueHelperText={bridgeValueHelperText}
+        />
         <BridgeGraph
           graphData={findGraphData(sizeFractions, bridges)}
           yAxis={'Cumulative Volume (%)'}
@@ -109,16 +119,6 @@ export default ({ bridges, mode, setMode, bridgeValue, setValue }: BridgeContain
           bridges={bridges}
         />
       </div>
-      <InputContainer
-        mode={mode}
-        onBridgeOptionChange={onBridgeOptionChange}
-        onBridgeValueChange={onBridgeValueChange}
-        optimalBridgeGraphData={optimalBridgeGraphData}
-        unit={unit}
-        bridgeValue={bridgeValue}
-        bridgeValueVariant={bridgeValueVariant}
-        bridgeValueHelperText={bridgeValueHelperText}
-      />
     </div>
   )
 }
diff --git a/web/src/Components/Bridging/InputContainer.tsx b/web/src/Components/Bridging/InputContainer.tsx
@@ -33,7 +33,6 @@ const InputContainer = ({
         borderRadius: '0.5rem',
         padding: '0.5rem',
         marginBlockStart: '1rem',
-        display: 'flex',
       }}
     >
       <InputWrapper>
@@ -109,7 +108,7 @@ const InputContainer = ({
         </div>
       </InputWrapper>
       {optimalBridgeGraphData.length > 0 && (
-        <div style={{ marginInlineStart: '1rem' }}>
+        <div style={{ marginBlockStart: '1rem' }}>
           <Typography variant='h3'>Optimal Bridge:</Typography>
           <p>
             D10: {findDValue(optimalBridgeGraphData, 10, 'Bridge')}