diff --git a/css/style.css b/css/style.css index b0cb41e..faf6fb2 100644 --- a/css/style.css +++ b/css/style.css @@ -1876,11 +1876,20 @@ form label { opacity: 0; } -.undertwelve > input { +.undertwelve { text-align: center; - padding: 0px; - height: 40px; - width: 40px; +} + +.undertwelve > label { + display: block; + margin-bottom: 0%; +} + +.undertwelve > input { + height: 100%; + width: 30px; + height: 30px; + margin: 0px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; diff --git a/index.html b/index.html index 9c76df0..975e505 100644 --- a/index.html +++ b/index.html @@ -145,26 +145,6 @@ -
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
diff --git a/js/main.js b/js/main.js index 4437229..4fdb10b 100644 --- a/js/main.js +++ b/js/main.js @@ -207,8 +207,8 @@ outerDiv.style="padding-top: 20px;"; var firstNameDiv = document.createElement("div"); - firstNameDiv.classList.add('col-md-6'); - firstNameDiv.classList.add('col-sm-6'); + firstNameDiv.classList.add('col-md-5'); + firstNameDiv.classList.add('col-sm-5'); var formGroupDiv = document.createElement("div"); formGroupDiv.classList.add('form-group'); firstNameDiv.appendChild(formGroupDiv); @@ -236,8 +236,8 @@ var lastNameDiv = document.createElement("div"); - lastNameDiv.classList.add('col-md-6'); - lastNameDiv.classList.add('col-sm-6'); + lastNameDiv.classList.add('col-md-5'); + lastNameDiv.classList.add('col-sm-5'); var lastnameFormGroupDiv = document.createElement("div"); lastnameFormGroupDiv.classList.add('form-group'); lastNameDiv.appendChild(lastnameFormGroupDiv); @@ -263,6 +263,28 @@ outerDiv.appendChild(lastNameDiv); + let underTwelveDiv = document.createElement("div"); + underTwelveDiv.classList.add('col-md-2'); + underTwelveDiv.classList.add('col-sm-2'); + + let underTwelveInnerDiv = document.createElement("div"); + underTwelveInnerDiv.classList.add('undertwelve'); + + let underTwelveLabel = document.createElement("label"); + underTwelveLabel.setAttribute("for","undertwelve"); + underTwelveLabel.innerHTML = "Unter 12 Jahre?"; + + underTwelveInnerDiv.appendChild(underTwelveLabel); + + let underTwelveInput = document.createElement("input"); + underTwelveInput.classList.add('js-undertwelve'); + underTwelveInput.setAttribute("type","checkbox"); + underTwelveInput.setAttribute("name","undertwelve"); + + underTwelveInnerDiv.appendChild(underTwelveInput); + underTwelveDiv.appendChild(underTwelveInnerDiv); + outerDiv.appendChild(underTwelveDiv); + container.appendChild(outerDiv); return false;