Some Day template layout improvements.

[plomtask] / templates / calendar.html

diff --git a/templates/calendar.html b/templates/calendar.html
index d7ec545bf3eb075b19cdce76d1fd7f9a7a9cf55d..699caabdd05b687a262be37ea32ac1da7ca3c1bc 100644 (file)
--- a/templates/calendar.html
+++ b/templates/calendar.html
@@ -4,14 +4,23 @@
 
 {% block css %}
 tr.week_row td {
-  height: 0.1em;
+  height: 0.3em;
   background-color: black;
   padding: 0;
   margin: 0;
+  border-top: 0.2em solid white;
 }
 tr.month_row td {
-  border: 0.1em solid black;
-  text-align: center;
+  border-top: 0.2em solid white;
+  color: white;
+  background-color: #555555;
+}
+table {
+  width: 100%;
+}
+tr.day_row td {
+  background-color: #cccccc;
+  border-top: 0.2em solid white;
 }
 td.day_name {
   padding-right: 0.5em;
@@ -26,6 +35,8 @@ td.today {
 {% block content %}
 <h3>calendar</h3>
 
+<p><a href="/calendar_txt">basic view</a></p>
+
 <form action="calendar" method="GET">
 from <input name="start" value="{{start}}" />
 to <input name="end" value="{{end}}" />
@@ -36,27 +47,23 @@ to <input name="end" value="{{end}}" />
 
 {% if day.first_of_month %}
 <tr class="month_row">
-<td colspan=3>{{ day.month_name }}</td>
+<td colspan=2>{{ day.month_name }}</td>
 </tr>
 {% endif %}
 
 {% if day.weekday == "Monday" %}
 <tr class="week_row">
-<td colspan=3></td>
+<td colspan=2></td>
 </tr>
 {% endif %}
 
-<tr>
-<td class="day_name">{{day.weekday|truncate(2,True,'',0)}}</td>
-<td{% if day.date == today %} class="today"{% endif %}><a href="day?date={{day.date}}">{{day.date}}</a></td>
-<td>{{day.comment|e}}</td>
+<tr class="day_row">
+<td class="day_name {% if day.date == today %}today{% endif %}"><a href="day?date={{day.date}}">{{day.weekday|truncate(2,True,'',0)}} {% if day.date == today %} {% endif %}{{day.date}}</a> {{day.comment|e}}</td>
 </tr>
 
 {% for todo in day.calendarized_todos %}
 <tr>
-<td>[{% if todo.is_done %}X{% else %} {% endif %}]</td>
-<td><a href="todo?id={{todo.id_}}">{{todo.title_then|e}}</td>
-<td>{{todo.comment|e}}</td>
+<td>[{% if todo.is_done %}X{% else %} {% endif %}] <a href="todo?id={{todo.id_}}">{{todo.title_then|e}}</a>{% if todo.comment %} · {{todo.comment|e}}{% endif %}</td>
 </tr>
 {% endfor %}