Form CSS style + dev panel (WIP)

backend/templates/base_with_header.html

@@ -8,7 +8,10 @@
             <span class="user-menu">
                 {% match context.user %}
                 {% when Some with (user) %}
-                    <a class="create-recipe button" href="/recipe/new" >{{ context.tr.t(Sentence::CreateNewRecipe) }}</a>
+                    <a class="button" href="/recipe/new" >{{ context.tr.t(Sentence::CreateNewRecipe) }}</a>
+                    {% if user.is_admin %}
+                        <a class="button" href="/dev_panel">Dev panel</a>
+                    {% endif %}
                     <a href="/{{ context.tr.current_lang_code() }}/user/edit">
                         {% if user.name == "" %}
                             {{ user.email }}

backend/templates/dev_panel.html

@@ -0,0 +1,17 @@
+{% extends "base_with_list.html" %}
+
+{% block content %}
+
+<div class="content" id="dev_panel">
+    <input type="button" class="button" id="test-toast" value="Test toast">
+    <input type="button" class="button" id="test-modal-dialog" value="Test modal">
+</div>
+
+<div id="hidden-templates">
+
+    <div class="modal-test-message">
+        This is a message.
+    </div>
+</div>
+
+{% endblock %}

backend/templates/recipe_view.html

@@ -7,11 +7,11 @@
 
     {% if let Some(user) = context.user %}
         {% if crate::data::model::can_user_edit_recipe(user, recipe) %}
-            <a class="edit-recipe" href="/{{ context.tr.current_lang_code() }}/recipe/edit/{{ recipe.id }}" >Edit</a>
+            <a class="edit-recipe button" href="/{{ context.tr.current_lang_code() }}/recipe/edit/{{ recipe.id }}" >Edit</a>
         {% endif %}
     {% endif %}
 
-    <span class="add-to-planner">{{ context.tr.t(Sentence::CalendarAddToPlanner) }}</span>
+    <span class="add-to-planner button">{{ context.tr.t(Sentence::CalendarAddToPlanner) }}</span>
 
     <div class="tags">
     {% for tag in recipe.tags %}