WIP Initial commit for financer web client

src/main/resources/static/css/main.css

@@ -0,0 +1,67 @@
+#account-overview-table,
+#account-transaction-table,
+#recurring-transaction-list-table {
+    width: 100%;
+    border-collapse: collapse;
+    text-align: left;
+    margin-top: 1.5em;
+    margin-bottom: 1.5em;
+}
+
+#account-overview-table th,
+#account-overview-table td,
+#account-transaction-table th,
+#account-transaction-table td,
+#recurring-transaction-list-table th,
+#recurring-transaction-list-table td {
+    border-bottom: 1px solid #ddd;
+    padding: 0.3em;
+    vertical-align: top;
+}
+
+tr:hover {
+  background-color: lightgrey;
+}
+
+@media only screen and (max-width: 450px) {
+    .hideable-column {
+        display: none;
+    }
+    #new-account-form *,
+    #new-transaction-form *,
+    #new-recurring-transaction-form * {
+        width: 100% !important;
+    }
+}
+
+#action-container *,
+#recurring-transaction-list-table-actions-container *,
+#account-transaction-table-actions-container * {
+    display: block;
+}
+
+#details-container,
+#status-container {
+    margin-bottom: 1em;
+}
+
+#status-container > span, div {
+    display: block;
+}
+
+#details-container > div {
+    display: block;
+}
+
+#new-account-form *,
+#new-transaction-form *,
+#new-recurring-transaction-form * {
+    display: block;
+    margin-top: 1em;
+    width: 20em;
+    box-sizing: border-box;
+}
+
+.errorMessage {
+    color: #ff6666
+}