icons: Fixes for switching to fork-awesome

- Update documentation pointing to Bootstrap Glyphicons.

- Consistently use trash-o. It is also more clear at the sizes we are using.

- Use hourglass-o instead of hourglass.

- Use diaspora icon instead of generic icon for diaspora app.

- In cards, don't set 3x size. It is not used. Instead we are setting our custom
  size.

- Remove unused CSS rule for .sidebar .fa

- Align the FreedomBox logo to center with 'Home' text.

- Fix swapped icons for 'Client Apps' button.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>

plinth/menu.py

@@ -27,8 +27,8 @@ class Menu(object):
         """label is the text that is displayed on the menu.
 
         icon is the icon to be displayed next to the label.
-        Choose from the Glyphicon set:
+        Choose from the Fork Awesome set:
-        http://twitter.github.com/bootstrap/base-css.html#icons
+        https://forkawesome.github.io/Fork-Awesome/icons/
 
         url is the url location that will be activated when the menu
         item is selected.

plinth/modules/backups/templates/backups_repository.inc

@@ -65,7 +65,7 @@
           <a title="{% trans 'Remove Location. This will not delete the remote backup.' %}"
              role="button" class="repository-remove btn btn-sm btn-default"
              href="{% url 'backups:repository-remove' uuid %}">
-             <span class="fa fa-trash" aria-hidden="true">
+             <span class="fa fa-trash-o" aria-hidden="true">
           </a>
 
         {% endif %}
@@ -91,7 +91,7 @@
             </a>
             <a class="archive-delete btn btn-sm btn-default"
                href="{% url 'backups:delete' uuid archive.name %}">
-              <span class="fa fa-trash" aria-hidden="true">
+              <span class="fa fa-trash-o" aria-hidden="true">
               </span>
             </a>
           </td>

plinth/modules/diagnostics/templates/diagnostics.html

@@ -69,7 +69,7 @@
         {% if module_results %}
           {% include "diagnostics_results.html" with results=module_results %}
         {% else %}
-          <p><span class="fa fa-hourglass"></span></p>
+          <p><span class="fa fa-hourglass-o"></span></p>
         {% endif %}
       {% endfor %}
     {% endif %}

plinth/modules/diaspora/__init__.py

@@ -76,8 +76,7 @@ clients = clients
 def init():
     """Initialize the Diaspora module."""
     menu = main_menu.get('apps')
-    menu.add_urlname(name, 'fa-thumbs-o-up', 'diaspora:index',
+    menu.add_urlname(name, 'fa-diaspora', 'diaspora:index', short_description)
-                     short_description)
 
     global service
     setup_helper = globals()['setup_helper']

plinth/modules/ikiwiki/templates/ikiwiki_manage.html

@@ -53,7 +53,7 @@
                  class="btn btn-default btn-sm pull-right"
                  role="button"
                  title="{% blocktrans %}Delete site {{ site }}{% endblocktrans %}">
-                <span class="fa fa-trash"
+                <span class="fa fa-trash-o"
                       aria-hidden="true"></span>
               </a>
 

plinth/modules/sharing/templates/sharing.html

@@ -81,7 +81,7 @@
               <form class="form form-inline" method="post"
                     action="{% url 'sharing:remove' share.name %}">
                 {% csrf_token %}
-                <button class="share-remove btn btn-sm btn-default fa fa-trash"
+                <button class="share-remove btn btn-sm btn-default fa fa-trash-o"
                         type="submit"></button>
               </form>
             </td>

plinth/templates/cards.html

@@ -40,7 +40,7 @@
               <div class="card-title">{{ item.name }}</div>
               <div class="card-icon">
                 {% if 'fa-' in item.icon %}
-                  <span class="fa {{ item.icon }} fa-3x"></span>
+                  <span class="fa {{ item.icon }}"></span>
                 {% else %}
                   <img src="{% static 'theme/icons/' %}{{ item.icon }}.png"/>
                 {% endif %}

static/themes/default/css/plinth.css

@@ -67,14 +67,13 @@ body {
     list-style-type: none;
 }
 
-.nav .fa,
+.nav .fa {
-.sidebar .fa {
     margin-right: 4px;
 }
 
 .navbar-brand .fa {
     float: left;
-    margin-top: -15px;
+    margin-top: -19px;
     padding: 8px;
 }
 
@@ -226,11 +225,11 @@ footer license-info p {
 
 #clients-button .fa:before,
 .no-js #clients-button.collapsed .fa:before {
-    content: "\f054";
+    content: "\f078";
 }
 
 #clients-button.collapsed .fa:before {
-    content: "\f078";
+    content: "\f054";
 }
 
 /* No-JS fallbacks for collapsible content in clients.html */