user: Lepší UX

mo/web/templates/user_contest.html

@@ -18,13 +18,13 @@
 
 {% if round.ct_tasks_start is not none %}
 	{% if round.ct_submit_end is not none %}
-		<p class="small">Od {{ round.ct_tasks_start|timeformat }} do {{ round.ct_submit_end|timeformat }}.</i></p>
+		<p class="small"><span class="glyphicon glyphicon-time"></span> Od {{ round.ct_tasks_start|timeformat }} do {{ round.ct_submit_end|timeformat }}.</i></p>
 	{% else %}
-		<p class="small">Od {{ round.ct_tasks_start|timeformat }}.</i></p>
+		<p class="small"><span class="glyphicon glyphicon-time"></span> Od {{ round.ct_tasks_start|timeformat }}.</i></p>
 	{% endif %}
 {% else %}
 	{% if round.ct_submit_end is not none %}
-		<p class="small">Do {{ round.ct_submit_end|timeformat }}.</i></p>
+		<p class="small"><span class="glyphicon glyphicon-time"></span> Do {{ round.ct_submit_end|timeformat }}.</i></p>
 	{% endif %}
 {% endif %}
 

mo/web/templates/user_index.html

@@ -35,22 +35,26 @@
 			<p>{{round.name}} {{ contest.ct_long_state()|replace("opravuje se", "se opravuje")|replace("připravuje se", "se připravuje") }}.
 			<p>
 			{% if contest.ct_task_statement_available() %}
-			<a class='btn btn-success' href='{{ url_for('user_task_statement', id=contest.contest_id) }}'>
+			<a class='btn btn-default' href='{{ url_for('user_task_statement', id=contest.contest_id) }}'>
 				<span class="glyphicon glyphicon-file"></span>
 				Zadání
 			</a>
 			{% endif %}
-			<a class='btn btn-primary' href='{{ url_for('user_contest', id=contest.contest_id) }}'>
+			<a href='{{ url_for('user_contest', id=contest.contest_id) }}'
 			{% if state == RoundState.running %}
+			   class="btn btn-success">
 				<span class="glyphicon glyphicon-send"></span>
 				Odevzdat řešení
 			{% elif state == RoundState.grading %}
+			   class="btn btn-info">
 				<span class="glyphicon glyphicon-duplicate"></span>
 				Odevzdaná řešení
 			{% elif state == RoundState.closed %}
+			   class="btn btn-primary">
 				<span class="glyphicon glyphicon-eye-open"></span>
 				Prohlédnout opravy
 			{% else %}
+			   class="btn btn-default">
 				<span class="glyphicon glyphicon-search"></span>
 				Detail kola
 			{% endif %}
@@ -68,13 +72,16 @@
 	<p>Momentálně se neúčastníte žádného kola FO.
 {% endif %}
 
-<p><a class="btn btn-primary" href="{{ url_for('user_join') }}">
+<p>
 {% if pions %}
+<a class="btn btn-default" href="{{ url_for('user_join') }}">
 	Přihlásit se do dalšího kola
+</a>
 {% else %}
+<a class="btn btn-primary" href="{{ url_for('user_join') }}">
 	Přihlásit se do {{current_year}}. ročníku FO
-    {% endif %}
 </a>
+{% endif %}
 
 <h3>Jak bude probíhat odevzdávání?</h3>
 

mo/web/templates/user_join_list.html

@@ -3,7 +3,7 @@
 {% block body %}
 
 {% if available_rounds %}
-	<p>Zde si můžete vybrat, do kterých kol Fyzikální olympiády se přihlásíte.
+	<p>Zde si můžete vybrat, do kterých kategorií Fyzikální olympiády se přihlásíte.
 
 	<table class="table table-striped">
 		<thead>
@@ -30,8 +30,7 @@
 			{% endfor %}
 	</table>
 {% else %}
-	<p>V tomto školním roce zatím nejsou otevřené žádné kategorie olympiády.
-	Zkuste to prosím později.
+	<p>V tuto chvíli nejsou otevřené žádné kategorie Fyzikální olympiády k přihlašování.
 {% endif %}
 
 {% if pcrs_by_round_id %}