aboutsummaryrefslogtreecommitdiff
path: root/src/components/Form/Form.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Form/Form.scss')
-rw-r--r--src/components/Form/Form.scss19
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;