Change to icon help button

templates/framework_modern.html

@@ -117,6 +117,17 @@
 
     {% include "includes/footer.html" %}
 
+    {# Floating Help Tab #}
+    <div class="fixed right-0 top-1/2 -translate-y-1/2 z-50">
+        <a href="https://community.envipath.org/" target="_blank"
+           class="flex items-center justify-center btn btn-secondary hover:btn-secondary-focus text-secondary-content text-sm shadow-lg transition-all duration-300 hover:scale-105 hover:-translate-x-1"
+           title="Get Help from the Community">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle-question-mark-icon lucide-message-circle-question-mark"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
+                <path d="M12 17h.01"/>
+            </svg>
+        </a>
+    </div>
+
     {# Modals - TODO: Convert these to DaisyUI modals #}
     {% block modals %}
         {# Note: These modals still use Bootstrap markup and will need conversion #}
@@ -132,6 +143,7 @@
             if ($('#actionsButton ul').children().length > 0) {
                 $('#actionsButton').show();
             }
+
         });
     </script>
 </body>