Reformat side actions as a menu

Instead of buttons. Pave the way for more actions.

costs/templates/costs/document_detail.html

@@ -15,13 +15,16 @@
 </div>
 {% endif %}
 
+<div class="ui vertical fluid menu">
 {% if request.user.is_staff %}
-<a href="{% url 'admin:costs_document_change' document.id %}" class="ui button">
+<a href="{% url 'admin:costs_document_change' document.id %}" class="item">
   <i class="edit icon"></i>
     Éditer
 </a>
 {% endif %}
 
+</div>
+
 
 
 {% endblock %}

costs/templates/costs/service_detail.html

@@ -29,12 +29,14 @@
 {{ service.description_html|safe }}
   </p>
   </div>
+  <div class="ui vertical fluid menu">
   {% if request.user.is_staff %}
-  <a href="{% url 'admin:costs_service_change' service.id %}" class="ui button">
+  <a href="{% url 'admin:costs_service_change' service.id %}" class="item">
     <i class="edit icon"></i>
     Éditer
   </a>
   {% endif %}
+  </div>
 {% endblock %}
 
 

transparency/templates/base.html

@@ -23,6 +23,7 @@
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/header.css" %}" >
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/icon.css" %}" >
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/message.css" %}" >
+  <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/menu.css" %}" >
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/table.css" %}" >
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/grid.css" %}" >
   <link rel="stylesheet" type="text/css" href="{% static "costs/3rd/semantic/components/segment.css" %}" >