Tempiraru fix for pull to refresh being over-agressive

brutaldon/static/css/brutaldon-dark.css

@@ -187,3 +187,18 @@ emoji-link
     font-size: 0.8em;
     text-align: right;
 }
+
+#before-main
+{
+    width: 100%;
+    height: 2em;
+    background-color: #888;
+    color: #444;
+    margin-top: 12px;
+    padding: 0;
+}
+
+#before-main span
+{
+    margin-left: 50%;
+}

brutaldon/static/css/brutaldon.css

@@ -158,3 +158,18 @@ emoji-link
     font-size: 0.8em;
     text-align: right;
 }
+
+#before-main
+{
+    width: 100%;
+    height: 2em;
+    background-color: #DEDEDE;
+    color: white;
+    margin-top: 0;
+    padding: 0;
+}
+
+#before-main span
+{
+    margin-left: 50%;
+}

brutaldon/templates/base.html

@@ -171,6 +171,11 @@
                 {% endif %}
             </nav>
         {% endblock %}
+
+        <div id="before-main" class="is-hidden-desktop">
+            <span class="fa fa-bars"></span>
+        </div>
+
         <section id="main" class="section"  ic-history-elt="true">
             <div class="container">
                 {% block content %}
@@ -213,11 +218,11 @@
             <script type="application/javascript">
              $(document).ready(function () {
                  menuPrepare();
-                 $("#main-nav-bar").pullToRefresh({
+                 $("#before-main").pullToRefresh({
                      refresh: 200,
                      simulateTouch: false,
                      threshold: 100,
-                     scroll: "main-nav-bar",
+                     scroll: "before-main",
                  });
                  $(document).on("refresh.pulltorefresh", function ($element, y){
                      $("page-load-indicator").show();