see #5228 glossary cleanup

main/template/default/glossary/edit.tpl

@@ -1,8 +1,10 @@
 
 {% include 'default/glossary/header.tpl' %}
 
-<div class="actions" >
-    <a href = "{{root}}&amp;action=index" class = "glossary btn back"></a>
+<div class="actions-bar btn-toolbar" >
+    <a href = "{{root}}&amp;action=index" class="btn">
+        <i class="size-32 icon-back"></i>
+    </a>
 </div>
 
 {{form.return_form()}}

main/template/default/glossary/index.tpl

@@ -1,18 +1,34 @@
 {% include 'default/glossary/header.tpl' %}
 {% include 'default/glossary/javascript.tpl' %}
 
-<div class="actions" >
+<div class="btn-toolbar actions-bar" >
     {% if is_allowed_to_edit %}
-        <a href="{{root}}&amp;action=add" class=" glossary btn new term" title="{{'Add'|get_lang}}"></a>
-        <a href="{{root}}&amp;action=import_csv" class="btn import_csv" title="{{'ImportCSV'|get_lang}}"></a>
-        <a href="{{root}}&amp;action=export_csv" class="btn export_csv" title="{{'ExportAsCSV'|get_lang}}"></a>
-        <a href="javascript:void(0)" onclick="ui.remove_by_course('entries', this);return false;" class="btn delete_all" title="{{'DeleteAll'|get_lang}}"></a>
+        <div class="btn-group edit">
+            <a href="{{root}}&amp;action=add" class=" glossary btn" title="{{'Add'|get_lang}}">
+                <i class="size-32 icon-new-glossary-term"></i>
+            </a>
+            <a href="{{root}}&amp;action=import_csv" class="btn import_csv" title="{{'ImportCSV'|get_lang}}">
+                <i class="size-32 icon-import-csv"></i>
+            </a>
+            <a href="{{root}}&amp;action=export_csv" class="btn export_csv" title="{{'ExportAsCSV'|get_lang}}">
+                <i class="size-32 icon-export-csv"></i>
+            </a>
+            <a href="javascript:void(0)" onclick="ui.remove_by_course('entries', this);return false;" class="btn delete_all" title="{{'DeleteAll'|get_lang}}">
+                <i class="size-32 icon-delete-all"></i>
+            </a>
+        </div>
     {% endif %}    
-    {% if view == 'table' %}
-        <a href="{{root}}&amp;view=list" class="btn view text" title="{{'ExportAsCSV'|get_lang}}"></a>
-    {% else %}
-        <a href="{{root}}&amp;view=table" class="btn view detailed" title="{{'ExportAsCSV'|get_lang}}"></a>
-    {% endif %}
+    <div class="btn-group edit">
+        {% if view == 'table' %}
+            <a href="{{root}}&amp;view=list" class="btn" title="{{'ViewList'|get_lang}}">
+                <i class="size-32 icon-view-text"></i>
+            </a>
+        {% else %}
+            <a href="{{root}}&amp;view=table" class="btn" title="{{'ViewTable'|get_lang}}">
+                <i class="size-32 icon-view-detailed"></i>
+            </a>
+        {% endif %}
+    </div>
     
 </div>
 

main/template/default/glossary/list.tpl

@@ -1,19 +1,19 @@
 
-<ul id="entries" style="list-style: none; margin-left:0;" class="glossary entries" data-c_id="{{c_id}}" data-session_id="{{session_id}}" >
+<ul id="entries" class="unstyled glossary entries" data-c_id="{{c_id}}" data-session_id="{{session_id}}" >
 {% for item in items %}
     <li id="glossary_{{item.id}}" class="glossary term" data-id="{{item.id}}" data-c_id="{{item.c_id}}" data-type="glossary">
         <div class="title sectiontitle">
             {% if is_allowed_to_edit %}
-                <div style="float:right;">
+                <div class="pull-right">
                 {% if session_id == item.session_id %}
                     <a href="{{root}}&amp;action=edit&amp;id={{item.id}}" 
-                       class="btn edit"
                        title="{{'Edit'|get_lang}}">
+                        <i class="size-22 icon-edit"></i>
                     </a>                    
                     <a href="{{root}}&amp;action=delete&amp;id={{item.id}}" 
                        onclick="ui.remove('glossary_{{item.id}}', this); return false;"
-                       class="btn delete"
                        title="{{'Delete'|get_lang}}">
+                        <i class="size-22 icon-delete"></i>
                     </a>
                 
                 {% else %}

main/template/default/glossary/table.tpl

@@ -48,13 +48,13 @@ $(document).ready(function() {
                     <td class="td_actions">
                         {% if session_id == item.session_id %}
                             <a  href="{{root}}&amp;action=edit&amp;id={{item.id}}" 
-                                class="btn edit"
                                 title="{{'Edit'|get_lang}}">
+                                <i class="size-22 icon-edit"></i>
                             </a>                    
                             <a  href="{{root}}&amp;action=delete&amp;id={{item.id}}" 
                                 onclick="ui.remove('glossary_{{item.id}}', this); return false;"
-                                class="btn delete"
                                 title="{{'Delete'|get_lang}}">
+                                <i class="size-22 icon-delete"></i>
                             </a>
                         {% else %}
                             <img    title="{{'EditionNotAvailableFromSession'|get_lang}}" 

main/template/default/glossary/upload.tpl

@@ -1,8 +1,9 @@
 {% include 'default/glossary/header.tpl' %}
 
-
-<div class="actions" >
-    <a href = "{{root}}&amp;action=index" class = "course_description btn back"></a>
+<div class="actions-bar btn-toolbar" >
+    <a href = "{{root}}&amp;action=index" class="btn">
+        <i class="size-32 icon-back"></i>
+    </a>
 </div>
 
 {{form.return_form()}}