Login page correction

frontend/src/components/form/CheckboxInput.vue

@@ -17,17 +17,22 @@ export default {
 </script>
 
 <style>
-.form-check {
-    position: relative;
-    display: block;
-    padding-left: 1.25rem;
-}
 .row {
     display: flex;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
 }
+.form-check-input {
+    height: 1.5em;
+    width: 1.5em;
+}
+.form-check {
+    position: relative;
+    display: block;
+    padding-left: 1.25rem;
+}
+
 .col-md-4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;

frontend/src/views/Login.vue

@@ -46,30 +46,8 @@ form{
     padding: 50px;
 }
 
-.form-check-input {
-    height: 1.5em;
-    width: 1.5em;
-}
-.form-check {
-    position: relative;
-    display: block;
-    padding-left: 1.25rem;
-}
 
-.form-control {
-    display: block;
-    width: 100%;
-    padding: 0.375rem 0.75rem;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.6;
-    color: #495057;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid #ced4da;
-    border-radius: 0.25rem;
-    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
+
 *, ::before, ::after {
     box-sizing: border-box;
 }