move "additional options" button in the middle, and make it not so visible

diff --git a/data/templates/edit-file.htm b/data/templates/edit-file.htm
index f9ed68f816db5ea49fd65161c19e8eedf2fb6c32..58ba74298499b5b443798aea920d9037d837e1fb 100644 (file)
--- a/data/templates/edit-file.htm
+++ b/data/templates/edit-file.htm
@@ -6,9 +6,9 @@
    Binary files cannot be edited.
   </p>
   {% endif %}
-  <div class="row-fluid content-details">
-   <div class="span1">
-    <a class="btn additional-btn" href="#" onclick="toggleAdditional(this); return false;" style="display:none; position: relative; top: -32px;" title="Show additional options">
+  <div class="row-fluid content-details" style="position: relative">
+   <div class="span12" style="text-align: center; position: absolute; top: -34px; pointer-events: none">
+    <a class="btn btn-link additional-btn" href="#" onclick="toggleAdditional(this); return false;" style="display:none; pointer-events: auto" title="Show additional options">
      <i class="icon-chevron-up"></i>
     </a>
    </div>

diff --git a/www/js/phorkie.js b/www/js/phorkie.js
index 4817794356e0030861f993f049fee6af18c3413b..92616fd3f806776871ccee60c9b4dd0ab151a4b9 100644 (file)
--- a/www/js/phorkie.js
+++ b/www/js/phorkie.js
@@ -49,6 +49,6 @@ function toggleAdditional(elem, time)
     var jt = jQuery(elem);
     jt.children('i').toggleClass('icon-chevron-down')
         .toggleClass('icon-chevron-up');
-    jt.parents('.row-fluid').children('.additional').toggle(time);
+    jt.parents('.row-fluid').children('.additional').slideToggle(time);
     //jt.parents('.row-fluid').children('.additional').animate(time);
 }