unify view functions for cards

[confetti] / static / cards.css

diff --git a/static/cards.css b/static/cards.css
index 0b50b5ec46795559279235c9492f2b811ec6491b..002e66b7edd691992204d34108dcf9e90a117b1e 100644 (file)
--- a/static/cards.css
+++ b/static/cards.css
@@ -64,6 +64,26 @@
   margin-top: .5em;
 }
 
+.filter fieldset.item { padding-left: 0; }
+.filter fieldset.item legend { display: none; }
+.filter fieldset.item input[type=text] {
+  background-color: #FFF;
+  border: 1px solid #000;
+  margin-top: -1px;
+  padding: .25em .5em;
+}
+.filter fieldset.item input[type=radio] { display: none; }
+.filter fieldset.item input[type=radio] + label {
+  position: relative; z-index: 1;
+  margin: 0; padding: .25em 1em;
+  
+}
+.filter fieldset.item input[type=radio]:checked + label {
+  background-color: #FFF;
+  border: 1px solid #000;
+  border-bottom-color: #FFF;
+}
+
 .newcard {
   display: block;
   border: solid 1px;
@@ -98,9 +118,9 @@
 .card .control .item {
   display: inline-block;
   width: 100%;
-  min-height: 2em;
+  min-height: 2.5em;
   color: #008;
-  margin: .25em 0;
+  margin: .25em 0 .5em 0;
   border: 1px solid black;
   background: #FFF;
   padding: .25em .75ex 0 .75ex;
@@ -167,6 +187,7 @@
   display: block;
   max-width: 100%;
   word-wrap: break-word;
+  white-space: pre-line;
 }
 .card .section .item label {
   font-weight: bold;