Template layout and code improvements.

[plomtask] / templates / _base.html
diff --git a/templates/_base.html b/templates/_base.html

index 0070630605f3db45602f70d524196344bb69c7a4..182a1c635439103ad21c5f8845a08ded66185e82 100644 (file)
--- a/templates/_base.html
+++ b/templates/_base.html
@@ -6,6 +6,16 @@ body {
    font-family: monospace;
    text-align: left;
    padding: 0;
+  background-color: white;
+}
+input[type="text"] {
+  width: 100em;
+}
+input.timestamp {
+  width: 11em;
+}
+input.date {
+  width: 6em;
  }
  input.btn-harmless {
    color: green;
@@ -18,17 +28,46 @@ div.btn-to-right {
    text-align: right;
  }
  td, th, tr, table {
-  vertical-align: top;
+  margin-top: 1em;
    padding: 0;
+  border-collapse: collapse;
+}
+th, td {
+  padding-right: 1em;
+}
+a {
+  color: black;
+}
+table.edit_table > tbody > tr > td,
+table.edit_table > tbody > tr > th {
+  border-bottom: 0.1em solid #bbbbbb;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+}
+td.number, input[type="number"] {
+  text-align: right;
+}
+input[name="effort"] {
+  width: 3.5em;
+}
+textarea {
+  width: 100%;
+}
+table.alternating > tbody > tr:nth-child(odd) {
+  background-color: #dfdfdf;
+}
+div.edit_buttons {
+  margin-top: 1em;
  }
  {% block css %}
  {% endblock %}
  </style>
  <body>
-<a href="processes">processes</a>
-<a href="conditions">conditions</a>
  <a href="day">today</a>
  <a href="calendar">calendar</a>
+<a href="conditions">conditions</a>
+<a href="processes">processes</a>
+<a href="todos">todos</a>
  <hr>
  {% block content %}
  {% endblock %}