introduce transaction id for therapy updates

[lobster] / cards / cards.css

diff --git a/cards/cards.css b/cards/cards.css
index 9adbeca72013b952c48c381c96ed26bfe8c381f1..c227c601e3bda5e51cda9a2f789b8c489867a6f7 100644 (file)
--- a/cards/cards.css
+++ b/cards/cards.css
@@ -103,10 +103,13 @@
 .newcard {
   display: block;
   border: solid 1px;
-  border-radius: 0 0 4px 4px;
-  margin: .25em 2em 1em 2em;
-  padding: .25em 2ex .25em 2ex;
-  background: #EFF;
+  margin: 1em 2em .5em 2em;
+  padding: .5em;
+  text-align: right;
+  background: #EEF;
+}
+.newcard button {
+  box-shadow: 0 0 .5ex #888;
 }
 
 .card {
@@ -129,7 +132,7 @@
   height: 100%;
   width: 20ex;
   max-width: 33%;
-  padding: .25em 1ex;
+  padding: .25em .5em;
 }
 .card .control .item {
   display: inline-block;
@@ -185,8 +188,8 @@
   display: inline-block;
   vertical-align: top;
   float: left;
-  width: 20ex;
-  min-width: 16.5%;
+  width: 16.625%;
+  min-width: 10em;
   min-height: 6em;
   margin: .125em 0 .5ex 0;
   padding: 0 1ex .25em 1ex;
@@ -252,6 +255,16 @@
 
 .card .section.prescriptions { width: 40ex;}
 
+.card .section.therapies a.therapy {
+  display: inline-block;
+  padding: .25em .5em;
+  margin-bottom: .25em;
+  color: #000;
+  text-decoration: none;
+  background-color: #DDF;
+  border: 1px solid black;
+}
+
 form.card input.delete { display: none; }
 form.card input.delete + label {
   display: inline-block;