templates: add proper markup for appbar action buttons

diff --git a/panikdb/static/css/style.scss b/panikdb/static/css/style.scss
index 9b85ece770b2793767a921c90e1cb1849a72ccdb..a44b44f37d58b0b3ae008b397bbb57a315ff432d 100644 (file)
--- a/panikdb/static/css/style.scss
+++ b/panikdb/static/css/style.scss
@@ -35,26 +35,6 @@ div#content {
        margin-top: 1ex;
 }
 
-div#appbar button,
-div#appbar span {
-       position: absolute;
-       padding-left: 15px;
-       padding-right: 15px;
-       right: 10px;
-       top: 20px;
-       z-index: 10;
-}
-
-div#appbar button {
-       left: -20px;
-       top: -55px;
-}
-
-div#appbar a {
-       font-size: 80%;
-       font-weight: normal;
-}
-
 div#content h3 {
        margin-top: 0;
        font-weight: normal;

diff --git a/panikdb/templates/emissions/episode_detail.html b/panikdb/templates/emissions/episode_detail.html
index 9cf8891e5998a95e07a58d4222585fb72e0bb763..425a95c3c220e5029f42474d82583c44b8e044c1 100644 (file)
--- a/panikdb/templates/emissions/episode_detail.html
+++ b/panikdb/templates/emissions/episode_detail.html
@@ -2,7 +2,7 @@
 {% load soundfiles panikdbtags nonstop %}
 {% block appbar %}
 <h2>{{ episode.emission.title }} — {{ episode.title }}</h2>
-<span><a href="../">Retourner à l'émission</a></span>
+<span class="actions"><a href="../">Retourner à l'émission</a></span>
 {% endblock %}
 
 {% block content %}

diff --git a/panikdb/templates/emissions/newscategory_list.html b/panikdb/templates/emissions/newscategory_list.html
index b1e5b362be9b3e2066ada681d67cd523bbb704e1..b8488c9f9f7c6003584ad65cb1142882b4fc5847 100644 (file)
--- a/panikdb/templates/emissions/newscategory_list.html
+++ b/panikdb/templates/emissions/newscategory_list.html
@@ -9,15 +9,16 @@
 
 
 {% block appbar %}
+<h2>Actus</h2>
 {% if user.is_staff %}
-<span><a href="{% url 'emission-list' %}">Toutes les émissions</a>
--
-<a href="{% url 'news-list' %}">Toutes les actus</a></span>
+<span class="actions">
+<a href="{% url 'emission-list' %}">Toutes les émissions</a>
+<a href="{% url 'news-list' %}">Toutes les actus</a>
+</span>
 {% endif %}
 {% endblock %}
 
 {% block content %}
-<h2>Actus</h2>
 
 {% for category in object_list %}
 <div class="section newsitems">

diff --git a/panikdb/templates/emissions/soundfile_confirm_delete.html b/panikdb/templates/emissions/soundfile_confirm_delete.html
index 7c41ff4efa575122fe2b53ba390f27ec69038227..db355c4236c5b8761966ededef464ea3bc16c06e 100644 (file)
--- a/panikdb/templates/emissions/soundfile_confirm_delete.html
+++ b/panikdb/templates/emissions/soundfile_confirm_delete.html
@@ -2,7 +2,7 @@
 
 {% block appbar %}
 <h2>{{ object.episode.emission.title }} — {{ object.episode.title }}</h2>
-<span><a href="../..">Retourner à l'épisode</a></span>
+<span class="actions"><a href="../..">Retourner à l'épisode</a></span>
 {% endblock %}
 
 {% block content %}

diff --git a/panikdb/templates/home.html b/panikdb/templates/home.html
index 4c58473af3203cf1cff37a58f29ef0b4d98eb0f7..3ca26ddde1c295fc35175c1041f427eac97ddb0e 100644 (file)
--- a/panikdb/templates/home.html
+++ b/panikdb/templates/home.html
@@ -3,10 +3,12 @@
 {% block bodyargs %}class="home"{% endblock %}
 
 {% block appbar %}
+<h2>Émissions</h2>
 {% if perms.emissions.change_emission %}
-<span><a href="{% url 'emission-list' %}">Toutes les émissions</a>
--
-<a href="{% url 'news-list' %}">Toutes les actus</a></span>
+<span class="actions">
+<a href="{% url 'emission-list' %}">Toutes les émissions</a>
+<a href="{% url 'news-list' %}">Toutes les actus</a>
+</span>
 {% endif %}
 {% endblock %}
 
@@ -37,8 +39,6 @@
 -->
 {% endif %}
 
-<h2>Émissions</h2>
-
 {% for emission in emissions %}
 <div class="emission block">
 <h3><a href="{% url 'emission-view' slug=emission.slug %}">{{ emission.title }}</a></h3>