Add 4C documentation link with icon

Author: LaSi5002

src/fourc_webviewer/gui_utils.py

@@ -113,13 +113,26 @@ def _toolbar(server_controller):
         class_="me-2",
     )
 
-    vuetify.VToolbarTitle(
-        "4C Webviewer",
-        tag="h1",
-        shrink=True,
-        class_="mx-4",
-        style="font-weight: 500;",
-    )
+    with html.Div(style="padding-left: 20px;"):
+        vuetify.VToolbarTitle(
+            "4C Webviewer",
+            tag="h1",
+            shrink=True,
+            class_="mx-4",
+            style="font-weight: 500;",
+        )
+        with vuetify.VTooltip(location="top"):
+            with html.Template(v_slot_activator="{ props }"):
+                with html.A(
+                    v_bind="props",
+                    href="https://4c-multiphysics.github.io/4C/documentation/index.html",
+                    target="_blank",  # öffnet im neuen Tab
+                    style="text-decoration: none; color: inherit; cursor: help;"  # Icon soll normal aussehen
+                ):
+                    vuetify.VIcon("mdi-book-open-blank-variant-outline", size=36, color="#555", style="padding-left: 10px;")
+            html.Span("4C Dokumentation")
+
+    
 
     vuetify.VSpacer()