bugfixes, styling

[confetti] / cards / cards.css

diff --git a/cards/cards.css b/cards/cards.css
index 9515e835233f20cb988d081e38de8148759cc0d9..7d4593c7f7a50693653054c0c83a97f97bcc40dc 100644 (file)
--- a/cards/cards.css
+++ b/cards/cards.css
@@ -145,8 +145,15 @@
 .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; }
@@ -218,8 +225,9 @@
   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;
@@ -245,7 +253,13 @@
 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%;