diff options
Diffstat (limited to 'src/components/Form/Form.scss')
-rw-r--r-- | src/components/Form/Form.scss | 19 |
1 files changed, 11 insertions, 8 deletions
diff --git a/src/components/Form/Form.scss b/src/components/Form/Form.scss index b11c9ab..df1cdde 100644 --- a/src/components/Form/Form.scss +++ b/src/components/Form/Form.scss @@ -1,11 +1,14 @@ @import "../../styles/theme"; +$inputBorders: 1px dashed $altFG; + .formContainer { - border: 1px solid pink; - padding: 2rem; + /*border: 1px solid pink;*/ + /*padding: 2rem;*/ - height: 60vh; + height: 50vh; border-radius: 1rem; + padding: 1.5rem 0; } .addNewItemForm .textInputs, @@ -19,12 +22,12 @@ label { flex-direction: row; justify-content: space-between; - height: 85%; + height: 100%; } .addNewItemForm .textInputs, .addNewItemForm .numericInputs { - border: 1px solid $altBorderColor; + border: $inputBorders; width: 30%; justify-content: space-around; } @@ -34,9 +37,9 @@ label { } .addNewItemForm .menuButtons { - justify-content: space-around; - border: 1px solid $defBorderColor; + border: $inputBorders; width: 15%; + justify-content: space-around; } .addNewItemForm .menuButtons * { @@ -46,7 +49,7 @@ label { .addNewItemForm div { display: flex; flex-direction: column; - border-radius: 1rem; + /*border-radius: 1rem;*/ padding: 1.5rem; overflow: scroll; |