use transaction id for all updates

[invoices] / invoices.css

diff --git a/invoices.css b/invoices.css
index 3b7592b3b355006af9f72baec300b4d0467561a1..482984d8857804a43c8751115c354be3c36fe8db 100755 (executable)
--- a/invoices.css
+++ b/invoices.css
@@ -88,6 +88,7 @@ form input {
   padding: .125em .5em;
   background-color: #FFF;
   text-align: left;
+  font-size: 12pt;
 }
 form input[type=number] {
   width: 5em;
@@ -142,6 +143,10 @@ form input[type=number] {
   line-height: 2em;
 }
 
+.invoice form input#date {
+  margin-right: .25em;
+}
+
 .invoice form label::before {
   white-space: pre;
   content: '\0A';
@@ -150,19 +155,49 @@ form input[type=number] {
   content: '';
 }
 
-.invoice form input[type=radio] {display: none;}
-.invoice form label[for^=vat] {
+.invoice form label[for=vatsb],
+.invoice form label[for=vatrate] {
   display: block;
   text-align: left;
-  line-height: 1.5em;
 }
-.invoice form label[for^=vat]::before {
-  content: '[  ] ';
+.invoice form label[for=vatnett],
+.invoice form label[for=vatgross] {
+  display: inline-block;
+  float: left; margin-right: 1em;
+  line-height: 1em;
+}
+.invoice form input[type=radio] { display: none; }
+.invoice form input[type=radio] + label::before {
+  content: '(  ) ';
 }
 .invoice form input:checked + label[for^=vat]::before {
-  content: '[x] ';
+  content: '(x) ';
 }
-.invoice form label[for=vatrate] {
-  float: left;
-  display: inline-block;
+
+.invoice form table {
+  width: 30em;
+  margin-top: 1em;
+  border-spacing: 0;
+}
+.invoice form table tr > th {
+  text-align: left;
+  padding-left: .5em;
+  font-weight: bold;
+}
+.invoice form table tr > th:nth-child(3),
+.invoice form table tr > td:nth-child(4),
+.invoice form table tr > th:nth-child(4) {
+  text-align: right;
+}
+.invoice form table tr > :nth-child(1) { width: 6em; }
+.invoice form table tr > :nth-child(2) { width: 12em; }
+.invoice form table tr > :nth-child(3) { width: 6em; }
+.invoice form table tr > :nth-child(4) { width: 6em; }
+.invoice form table tr > * textarea,
+.invoice form table tr > * input[type=number],
+.invoice form table tr > * input {
+  display: block;
+  font-size: 12pt;
+  width: 100%; height: 100%;
+  height: 4em;
 }