dashboard: help format fixes

circle/dashboard/static/dashboard/dashboard.less

@@ -1320,48 +1320,25 @@ textarea[name="new_members"] {
   }
 }
 
-.help-tabs li {
 
+/* help page */
+.help-tabs li {
   width: 50%;
   text-align: center;
 }
 
 // note: padding-margin hack to skip banner on anchor
-#help-tab-content h1 {
-  font-weight: bold;
-  padding-top: 55px; margin-top: -55px;
-}
-
-#help-tab-content h2 {
-  font-weight: bold;
-  padding-top: 55px; margin-top: -55px;
-}
-
-#help-tab-content h3 {
-  font-weight: bold;
-  padding-top: 55px; margin-top: -55px;
-}
-
-#help-tab-content h4 {
+#help-tab-content {
+  h1, h2, h3, h4, h5 {
     font-weight: bold;
     padding-top: 55px; margin-top: -55px;
-}
-
-#help-tab-content h5 {
-  font-weight: bold;
-  padding-top: 55px; margin-top: -55px;
-}
+  }
 
-#help-tab-content blockquote {
+  blockquote {
     background-color:#dfe4e4;
+  }
 }
 
-.row{
-    margin-left:0px;
-    margin-right:0px;
-}
-
-
 #wrapper {
   position: fixed;
   padding-left: 0px;
@@ -1371,14 +1348,14 @@ textarea[name="new_members"] {
   height: 100%;
   width: 210px;
   transition: all .4s ease 0s;
-/* Firefox */
-height: -moz-calc(100% - 130px);
-/* WebKit */
-height: -webkit-calc(100% - 120px);
-/* Opera */
-height: -o-calc(100% - 110px);
-/* Standard */
-height: calc(100% - 130px);
+  /* Firefox */
+  height: -moz-calc(100% - 130px);
+  /* WebKit */
+  height: -webkit-calc(100% - 120px);
+  /* Opera */
+  height: -o-calc(100% - 110px);
+  /* Standard */
+  height: calc(100% - 130px);
 }
 
 #sidebar-wrapper {
@@ -1470,7 +1447,6 @@ height: calc(100% - 130px);
     transform: translateX(-250px);
   }
 
-
   #page-content {
     margin-left: 0px;
     -webkit-transition: background .5s;
@@ -1489,7 +1465,6 @@ height: calc(100% - 130px);
   form {
     display: inline;
   }
-
   textarea {
     resize: none;
     min-height: 80px;

circle/templates/info/help.html

 {% extends "dashboard/base.html" %}
 {% load i18n %}
-{% load compressed  %}
+
 {% block title-page %}{% trans "Help" %}{% endblock %}
+
 {% block content %}
 <div class="row">
   <div id="wrapper">
@@ -16,17 +17,18 @@
       </div>
     </div>
   </div>
-<div id="page-content" class="col-lg-8">
+  <div id="page-content" class="col-lg-8">
     <div class="page-header">
       <h1>{% trans "Help" %} <small>{% trans "user guide in short" %}</small></h1>
     </div>
     <div class="content">
       <ul class="help-tabs nav nav-tabs">
-
         <li class="active">
           <a id="faq_menu" href="#" data-toggle="pill" data-target="._faq" class="text-center" >
-            <i class="fa fa-comments-o fa-2x"></i><br>
-            {% trans "FAQ" %}</a>
+            <i class="fa fa-comments-o fa-2x"></i>
+            <br>
+            {% trans "FAQ" %}
+          </a>
         </li>
         <li>
           <a id="overview_menu" href="#" data-toggle="pill" data-target="._overview" class="text-center" >
@@ -34,7 +36,6 @@
             {% trans "Overview" %}</a>
         </li>
       </ul>
-
       <div id="help-tab-content" class="tab-content">
         <div class="tab-pane active _faq">
           {% include "info/help/faq.html" %}
@@ -43,8 +44,7 @@
           {% include "info/help/overview.html" %}
         </div>
       </div>
-
-    </div> <!-- content -->
-</div> <!-- col-lg -->
+    </div> <!-- .content -->
+  </div> <!-- #page-content .col-lg-8 -->
 </div>
 {% endblock %}