use buttons for mobile jot nav

diff --git a/view/theme/frio/templates/jot.tpl b/view/theme/frio/templates/jot.tpl
index d9e2faf576fe71d94cd2671c2b54da56ddc2014d..36e0f77972a2f26defb427feb53585c01ae933e4 100644 (file)
--- a/view/theme/frio/templates/jot.tpl
+++ b/view/theme/frio/templates/jot.tpl
@@ -40,20 +40,20 @@
                                        {{* mark the first list entry as active because it is the first which is active after opening
                                        the modal. Changing of the activity status is done by js in jot.tpl-header *}}
                                        <li role="menuitem" style="display: none;">
-                                               <a href="#profile-jot-wrapper" class="jot-text-lnk" id="jot-text-lnk-mobile" onclick="jotActive(); return false;">{{$message}}</a>
+                                               <button class="jot-text-lnk btn-link" id="jot-text-lnk-mobile" onclick="jotActive(); return false;">{{$message}}</button>
                                        </li>
                                        {{if $acl}}
                                        <li role="menuitem">
-                                               <a href="#profile-jot-acl-wrapper" class="jot-perms-lnk" id="jot-perms-lnk-mobile" onclick="aclActive(); return false;">{{$shortpermset}}</a>
+                                               <button class="jot-perms-lnk btn-link" id="jot-perms-lnk-mobile" onclick="aclActive(); return false;">{{$shortpermset}}</button>
                                        </li>
                                        {{/if}}
                                        {{if $preview}}
                                        <li role="menuitem">
-                                               <a <a href="#jot-preview-content" class="jot-preview-lnk" id="jot-preview-lnk-mobile" onclick="previewActive(); return false;">{{$preview}}</a>
+                                               <button class="jot-preview-lnk btn-link" id="jot-preview-lnk-mobile" onclick="previewActive(); return false;">{{$preview}}</button>
                                        </li>
                                        {{/if}}
                                        <li role="menuitem">
-                                               <a href="#jot-fbrowser-wrapper" id="jot-browser-lnk-mobile" onclick="fbrowserActive(); return false;">{{$browser}}</a>
+                                               <button class="jot-browser-lnk-mobile btn-link" id="jot-browser-lnk-mobile" onclick="fbrowserActive(); return false;">{{$browser}}</button>
                                        </li>
                                </ul>
                        </div>