Skip to content

Commit

Permalink
update: simplify boxes
Browse files Browse the repository at this point in the history
  • Loading branch information
VsevolodX committed Nov 10, 2023
1 parent b216ab3 commit 84c0656
Showing 1 changed file with 11 additions and 13 deletions.
24 changes: 11 additions & 13 deletions src/components/source_editor/LatticeConfigurationDialog.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -134,7 +134,7 @@ class LatticeConfigurationDialog extends React.Component {
const { lattice } = this.state;
return (
<div className="crystal-lattice-config">
<form
<FormControl
className="crystal-lattice-config"
ref={(e) => {
// eslint-disable-next-line react/no-unused-class-component-methods
Expand Down Expand Up @@ -172,15 +172,14 @@ class LatticeConfigurationDialog extends React.Component {
</FormControl>
</Box>
<Box
container
className="lattice-params"
mt={3}
sx={{ display: "flex", flexDirection: "row" }}
sx={{ display: "flex", flexDirection: "row", gap: 2 }}
>
<Box xs={4} sx={{ mr: 1 }}>
<Box>
<TextField
id="lattice-a-length"
label="Lattice 'a' "
label="Lattice 'a'"
variant="outlined"
name="a"
size="small"
Expand All @@ -197,7 +196,7 @@ class LatticeConfigurationDialog extends React.Component {
}}
/>
</Box>
<Box xs={4} sx={{ mr: 1 }}>
<Box>
<TextField
id="lattice-b-length"
label="Lattice 'b'"
Expand All @@ -217,7 +216,7 @@ class LatticeConfigurationDialog extends React.Component {
}}
/>
</Box>
<Box xs={4} sx={{ mr: 1 }}>
<Box>
<TextField
id="lattice-c-length"
label="Lattice 'c'"
Expand All @@ -239,13 +238,12 @@ class LatticeConfigurationDialog extends React.Component {
</Box>
</Box>
<Box
container
className="lattice-params"
mt={3}
mb={3}
sx={{ display: "flex", flexDirection: "row" }}
sx={{ display: "flex", flexDirection: "row", gap: 2 }}
>
<Box xs={4} sx={{ mr: 1 }}>
<Box>
<TextField
id="form-angle-b-c"
label="angle (b^c)"
Expand All @@ -264,7 +262,7 @@ class LatticeConfigurationDialog extends React.Component {
}}
/>
</Box>
<Box xs={4} sx={{ mr: 1 }}>
<Box>
<TextField
id="form-angle-a-c"
label="angle (a^c)"
Expand All @@ -283,7 +281,7 @@ class LatticeConfigurationDialog extends React.Component {
}}
/>
</Box>
<Box xs={4} sx={{ mr: 1 }}>
<Box>
<TextField
id="form-angle-a-b"
label="angle (a^b)"
Expand All @@ -303,7 +301,7 @@ class LatticeConfigurationDialog extends React.Component {
/>
</Box>
</Box>
</form>
</FormControl>
</div>
);
}
Expand Down

0 comments on commit 84c0656

Please sign in to comment.