WIP: apply bootstrap theme

* portal

lib/views/page_list.html

@@ -89,8 +89,7 @@
     <li class=" {% if not req.body.pageForm %}active{% endif %}">
       {% if page %}
       <a href="#revision-body" data-toggle="tab">
-        <i class="fa fa-magic"></i>
-        PORTAL
+        <i class="ti-control-play"></i> View
       </a>
       {% else %}
       <a>Create Portal: {{ path }}</a>
@@ -98,7 +97,7 @@
     </li>
     <li {% if req.body.pageForm %}class="active"{% endif %}>
       <a {% if user %}href="#edit-form" data-toggle="tab"{% endif %} class="edit-button {% if not user %}edit-button-disabled{% endif %}">
-        <i class="fa fa-pencil-square-o"></i> {{ t('Edit') }}
+        <i class="ti-pencil-alt"></i> {{ t('Edit') }}
       </a>
     </li>
 
@@ -111,13 +110,13 @@
     {% else %}
     <li class="dropdown pull-right">
       <a class="dropdown-toggle {% if not user %}dropdown-disabled{% endif %}" {% if user %}data-toggle="dropdown" href="#"{% endif %}>
-        <i class="fa fa-wrench"></i> <span class="caret"></span>
+        <i class="fa fa-ellipsis-v"></i>
       </a>
       <ul class="dropdown-menu">
         <li><a href="#" data-target="#unportalize" data-toggle="modal"><i class="fa fa-share"></i> {{ t('Unportalize') }}</a></li>
       </ul>
     </li>
-    <li class="pull-right"><a href="#revision-history" data-toggle="tab"><i class="fa fa-history"></i> History</a></li>
+    <li class="pull-right"><a href="#revision-history" data-toggle="tab"><i class="ti-timer"></i> History</a></li>
     {% endif %}
   </ul>
 
@@ -128,7 +127,7 @@
   </div>
   {% endif %}
     <div class="tab-pane {% if not req.body.pageForm %}active{% endif %}" id="revision-body">
-      <div id="page"></div>
+      <div id="page" class="m-t-5 m-l-5"></div>
     </div>
 
     <script type="text/template" id="raw-text-original">{{ page.revision.body }}</script>