sort invoice list, newest to oldest

[invoices] / invoices.css

diff --git a/invoices.css b/invoices.css
index 8892892180f68983eeecc334340634e9711fb4ea..592fb5526f0847fc6783aa53bc4ceea4e7b5c734 100755 (executable)
--- a/invoices.css
+++ b/invoices.css
@@ -9,6 +9,15 @@ body {
   color: black; background-color: white;
 }
 
+strong {font-weight: bold;}
+em {text-decoration: italic;}
+
+h1 {
+  display: block;
+  margin: 1em 1em 0 1em;
+  font-weight: bold;
+  border-bottom: 1px solid #08F;
+}
 
 /* ==================== MENU ==================== */
 
@@ -88,6 +97,7 @@ form input {
   padding: .125em .5em;
   background-color: #FFF;
   text-align: left;
+  font-size: 12pt;
 }
 form input[type=number] {
   width: 5em;
@@ -122,13 +132,16 @@ form input[type=number] {
 .invoice form button[type=submit],
 .client form button[type=submit],
 .sender form button[type=submit] {
-  display: block;
   margin: .5em 0 0 auto;
   padding: .25em .5em;
   background-color: #DEF;
   border-radius: .25em;
   border: 1px solid #08F;
 }
+.client form button[type=submit],
+.sender form button[type=submit] {
+  display: block;
+}
 
 /* ==================== INVOICE FORMS ==================== */
 .invoice form select {
@@ -142,6 +155,10 @@ form input[type=number] {
   line-height: 2em;
 }
 
+.invoice form input#date {
+  margin-right: .25em;
+}
+
 .invoice form label::before {
   white-space: pre;
   content: '\0A';
@@ -168,3 +185,36 @@ form input[type=number] {
 .invoice form input:checked + label[for^=vat]::before {
   content: '(x) ';
 }
+
+.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:last-child {
+  font-family: monospace;
+  white-space: pre;
+  text-align: right;
+}
+.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: 7em; }
+.invoice form table tr > :nth-child(2) { width: 15em; }
+.invoice form table tr > :nth-child(3) { width: 4em; }
+.invoice form table tr > :nth-child(4) { width: 4em; font-family: monospace; }
+.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: 4.625em;
+}