Style session times

Author: encukou

naucse/static/css/nausce.css

@@ -173,6 +173,28 @@ code {
     white-space: pre-wrap;
 }
 
+/*** Session lists ***/
+
+.session-time-place {
+    margin-left: 1.5em;
+}
+
+.session-time-place .regular-time {
+    font-size: inherit;
+}
+
+.session-time-place small.regular-time {
+    color: #888;
+}
+
+.session-time-place .irregular-time-alert {
+    color: #888;
+}
+
+.session-time-place .irregular-time-alert .icon {
+    color: #F0AD4E;
+}
+
 /*** Material lists ***/
 
 ul.material-list {

naucse/templates/course.html

@@ -38,16 +38,34 @@ <h4>
                         <a href="{{ session_url(course.slug, session.slug) }}">
                             {{ session.title }}
                         </a>
-                        {% if session.date %}
-                            <small>({{ session.date | format_date -}}
-                                {%- if session.has_irregular_time -%}
-                                , {{ session.start_time | format_time }}–{{ session.end_time | format_time -}}
-                                {% endif -%}
-                                )</small>
-                        {% endif %}
                     </h4>
-                    {% if session.has_irregular_time %}
-                        <div>{{ bytesize_icon('alert') }} Pozor, změna času!</div>
+                    {% if session.date %}
+                        <div class="session-time-place">
+                            <div>
+                                {{ session.date | format_date -}}
+                                {%- if session.start_time and session.end_time -%}
+                                    {%- macro _time() -%}
+                                        ,
+                                        {{ session.start_time | format_time -}}
+                                        –
+                                        {{- session.end_time | format_time -}}
+                                    {%- endmacro %}
+                                    {%- if session.has_irregular_time -%}
+                                        <span class="irregular-time">{{ _time() }}</span>
+                                    {%- elif course.default_start_time -%}
+                                        <small class="regular-time">{{ _time() }}</small>
+                                    {%- else -%}
+                                        <span class="regular-time">{{ _time() }}</span>
+                                    {%- endif -%}
+                                {% endif %}
+                            </div>
+                            {% if session.has_irregular_time %}
+                                <div class="irregular-time-alert">
+                                    {{ bytesize_icon('alert') }}
+                                    Pozor, změna času konání!
+                                </div>
+                            {% endif %}
+                        </div>
                     {% endif %}
                     {% if session.description %}{{ session.description | markdown }}{% endif %}
                     {{ material_list(session.materials) }}