From 05dcdcc398af3ec859a750d7e514a286a265da94 Mon Sep 17 00:00:00 2001 From: MikunoNaka Date: Wed, 28 Apr 2021 17:53:25 +0530 Subject: styled the RegisterItemForm properly and introduced like 20 bugs --- src/components/Form/Form.css | 31 ++++++++++++++++++++----------- 1 file changed, 20 insertions(+), 11 deletions(-) (limited to 'src/components/Form/Form.css') diff --git a/src/components/Form/Form.css b/src/components/Form/Form.css index ce94de4..1340151 100644 --- a/src/components/Form/Form.css +++ b/src/components/Form/Form.css @@ -19,6 +19,17 @@ $altLink: brown; $defShadow: 0px 0px 4px #232627; */ /* Inspired by Dracula */ +/* hide arrows in numericInputs */ +/* Chrome, Safari, Edge, Opera */ +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; } + +/* Firefox */ +input[type=number] { + -moz-appearance: textfield; } + .formContainer { /*border: 1px solid pink;*/ /*padding: 2rem;*/ @@ -72,17 +83,6 @@ label { scrollbar-width: none; /* Firefox */ } -/* hide arrows in numericInputs */ -/* Chrome, Safari, Edge, Opera */ -input::-webkit-outer-spin-button, -input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; } - -/* Firefox */ -input[type=number] { - -moz-appearance: textfield; } - .addNewItemForm label { display: flex; justify-content: space-between; @@ -110,6 +110,15 @@ input[type=number] { margin: 1rem auto; justify-content: space-around; } +.RegisterItemFormContainer .menu { + position: absolute; + right: 1rem; + bottom: 0.25rem; } + +.RegisterItemFormContainer input[type=submit], +.RegisterItemFormContainer input[type=button] { + margin: 1rem; } + .MetaInfoForm { width: 60%; } -- cgit v1.2.3