Show title on hover of header

theme/stylesheets/website/header.less

@@ -33,13 +33,15 @@
         h1 {
             margin: 0px;
             font-size: 20px;
+            font-weight: 200;
             text-align: center;
             line-height: @header-height;
-            display: none;
+            opacity: 0;
+            .transition(opacity ease 0.4s);
 
             padding-left: 200px;
             padding-right: 200px;
-            .transition(margin-left 0.5s ease);
+            .transition(opacity 0.2s ease);
 
             overflow: hidden;
             text-overflow: ellipsis;
@@ -58,6 +60,12 @@
                 display: none;
             }
         }
+
+        &:hover {
+            h1 {
+                opacity: 1;
+            }
+        }
     }
 
     &.is-loading {

theme/templates/includes/book/header.html

@@ -24,7 +24,7 @@
 
     <!-- Title -->
     <h1>
-        <i class="fa fa-spinner fa-spin"></i>
+        <i class="fa fa-circle-o-notch fa-spin"></i>
         <a href="{{ basePath }}/" >{{ title }}</a>
     </h1>
 </div>