bugfixes, styling

[confetti] / cards / cards.css

diff --git a/cards/cards.css b/cards/cards.css
index 981a667e217e69876d4f24170ddabedefff137c4..7d4593c7f7a50693653054c0c83a97f97bcc40dc 100644 (file)
--- a/cards/cards.css
+++ b/cards/cards.css
@@ -39,7 +39,8 @@
 }
 .filter input[type="text"] {
   width: 100%;
-  margin-bottom: .5em;
+  height: 2em;
+  margin-bottom: 1em;
 }
 .filter fieldset {
   position: relative;
@@ -84,11 +85,11 @@
   border: 1px solid #000;
   border-bottom-color: #FFF;
 }
-.filter fieldset.item input[type=radio][value="CATEGORIES:"]:checked + label + input[type=text],
-.filter fieldset.item input[type=radio][value="CATEGORIES:"] + label + input[type=text] + fieldset.categories {
+.filter fieldset.item input[type=radio][value="CATEGORIES"]:checked + label + input[type=text],
+.filter fieldset.item input[type=radio][value="CATEGORIES"] + label + input[type=text] + fieldset.categories {
   display: none;
 }
-.filter fieldset.item input[type=radio][value="CATEGORIES:"]:checked + label + input[type=text] + fieldset.categories {
+.filter fieldset.item input[type=radio][value="CATEGORIES"]:checked + label + input[type=text] + fieldset.categories {
   display: block;
 }
 .filter fieldset.item fieldset.categories a {
@@ -144,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; }
@@ -217,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;
@@ -244,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%;