[Application] Did more styling for the form

This commit is contained in:
henu
2017-01-17 18:33:44 +02:00
parent d531ba6484
commit b66a2953b0
2 changed files with 12 additions and 20 deletions
+6 -1
View File
@@ -1,5 +1,7 @@
body {
background-color: rgb(10, 90, 100);
background-color: #fcfcfc;
max-width: 750px;
margin: auto;
}
h3 {
text-align: center;
@@ -10,3 +12,6 @@ h3 {
h4 {
text-align: center;
}
#sendmember {
float: right;
}
+6 -19
View File
@@ -24,8 +24,8 @@
<script src="/static/js/angular-recaptcha.js"></script>
</head>
<body>
<h3>Killan jäseneksi liittyminen on helppoa ja hauskaa.</h3>
<h3>Täytä vain alla oleva lomake.</h3>
<h3>Killan jäseneksi liittyminen on helppoa ja hauskaa!</h3>
<h3>Täytä vain alla oleva lomake</h3>
<h4>Muista myös maksaa jäsenmaksusi!</h4>
<div id="input_form">
<form name="applicationForm">
@@ -43,37 +43,23 @@
</div>
<div class="col-xs-10 col-xs-offset-1">
<div class="form-group">
<label>Sähköposti: </label>
<label for="emailField">Sähköposti: </label>
<input id="emailField" required type="text" placeholder="sahko.insinoori@aalto.fi" class="form-control" ng-model="member.email"></input>
</div>
</div>
<!--<div class="form-group">
<label>Vuosikurssi: </label>
<select name="year" ng-model="year">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="n">N</option>
</select>
</div>-->
<div class="col-xs-10 col-xs-offset-1">
<div class="form-group">
<label>Olen AYY:n jäsen: </label>
<label class="btn btn-info">
<input type="checkbox" autocomplete="off" id="AYY" value="0" ng-model="member.AYY">
</label>
<input type="checkbox" autocomplete="off" id="AYY" value="0" ng-model="member.AYY">
</div>
</div>
<div class="col-xs-10 col-xs-offset-1">
<div class="form-group">
<label>Haluan saada viikottaisia jäsenmaileja: </label>
<label class="btn btn-info">
<input type="checkbox" autocomplete="off" id="JAS" value="0" ng-model="member.jas">
<input type="checkbox" class="custom-control-input" autocomplete="off" id="JAS" value="0" ng-model="member.jas">
</label>
</div>
</div>
</div>
<div class="col-xs-10 col-xs-offset-1">
<div class="form-group">
<label>Asuinkunta: </label>
@@ -82,6 +68,7 @@
</div>
<div class="col-xs-10 col-xs-offset-1">
<div
id="captcha"
vc-recaptcha
theme="'light'"
key="'6LevHAcUAAAAAA45B7c-7qja-2aSwHztr9xb4K2Z'"