Add icon to header menu

app/server/templates/base.html

@@ -31,9 +31,19 @@
             </div>
             <div id="topNav" class="navbar-menu">
                 <div class="navbar-end">
-                    <a class="navbar-item" href="{% url 'index' %}">Home</a>
+                    <a class="navbar-item" href="{% url 'index' %}">
+                        <span class="icon is-small">
+                            <i class="fas fa-home"></i>
+                        </span>
+                        <span>&nbsp;Home</span>
+                    </a>
                     {% if user.is_authenticated %}
-                    <a class="navbar-item" href="{% url 'projects' %}">Projects</a>
+                    <a class="navbar-item" href="{% url 'projects' %}">
+                        <span class="icon is-small">
+                            <i class="fas fa-people-carry"></i>
+                        </span>
+                        <span>&nbsp;Projects</span>
+                    </a>
                     {% endif %}
                     <!--<a class="navbar-item" href="hoge.html">Live Demo</a>-->
                     <a class="navbar-item" href="https://github.com/chakki-works/doccano">
@@ -42,27 +52,21 @@
                         </span>
                         <span>&nbsp;GitHub</span>
                     </a>
-                    <div class="navbar-item">
-                        <div class="field is-grouped">
-                            <p class="control">
-                                {% if not user.is_authenticated %}
-                                <a class="button is-small is-primary is-outlined" href="{% url 'login' %}">
-                                    <span class="icon">
-                                        <i class="fa fa-user"></i>
-                                    </span>
-                                    <span>Login</span>
-                                </a>
-                                {% else %}
-                                <a class="button is-small is-outlined" href="{% url 'logout' %}">
-                                    <span class="icon">
-                                        <i class="fa fa-user"></i>
-                                    </span>
-                                    <span>Logout</span>
-                                </a>
-                                {% endif %}
-                            </p>
-                        </div>
-                    </div>
+                    {% if not user.is_authenticated %}
+                    <a class="navbar-item" href="{% url 'login' %}">
+                        <span class="icon is-small">
+                            <i class="fa fa-user"></i>
+                        </span>
+                        <span>&nbsp;Login</span>
+                    </a>
+                    {% else %}
+                    <a class="navbar-item" href="{% url 'logout' %}">
+                        <span class="icon is-small">
+                            <i class="fa fa-user"></i>
+                        </span>
+                        <span>&nbsp;Logout</span>
+                    </a>
+                    {% endif %}
                 </div>
             </div>
         </div>