.card .control input.item { font-size: normal; }
.card .control button.item { text-align: right;}
.card .control button.item:hover{ border-color: #888;}
-.card .control .item[name=newfield] { width: 85%;}
-.card .control .item[value=addfield] { width: 15%;}
+
+.card .control .item[name=newfield] {
+ width: calc(100% - 2.5em);
+}
+.card .control .item[value=addfield] {
+ width: 2.5em;
+ border-style: solid solid solid none;
+ text-align: center;
+}
.card .control #delete + label + button,
.card .control #delete { display: none; }
width: 100%;
max-height: 10em;
}
-.card .section .GENDER { display: inline-block; padding-right: .5ex;}
+.card .section .GENDER { display: inline-block; padding-right: .5ex; }
.card .section .BDAY { display: inline-block;}
+.card .section .TEL .type { color: #444; }
.card .section select {
display: block;
form.card .section input[type=text],
form.card .section input:not([type]),
form.card .section textarea,
-form.card .section select {width: 100%;}
+form.card .section select {
+ width: 100%;
+ margin-bottom: .25em;
+}
+
+form.card .section select.teltype { margin-bottom: 0; }
+form.card .section input.TEL { margin-bottom: .5em; }
form.card .attendance {
min-width: 66%;