change name

index.html

@@ -5,6 +5,7 @@
     <meta http-equiv='X-UA-Compatible' content='IE=edge'>
     <title>Technik Holger</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
     <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
     <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
@@ -19,7 +20,7 @@
                 <p>Startseite</p>
             </div>
             <div id="element">
-                <p>Kundenlogin</p>
+                <p>Mein Konto</p>
             </div>
             <div id="element">
                 <p>Impressum</p>
@@ -27,7 +28,14 @@
         </div>
     </div>
 
-    <button id="help">Ich brauche Hilfe!</button>
+    <div id="help-div">
+        <button id="help">
+            <span class="material-symbols-outlined">
+                chat
+            </span>
+        </button>
+    </div>
+
 
     <div id="chatbot">
         <iframe src="https://web.powerva.microsoft.com/environments/Default-5e98bbb4-4a0c-4dae-8254-dcaa73b41da8/bots/new_bot_a5e0b0b26ba9409abc86d421e7d56f91/webchat" frameborder="0" style="width: 100%; height: 100%;"></iframe>
@@ -36,7 +44,10 @@
 
     <script>
         $('#chatbot').dialog({
-            autoOpen: false
+            autoOpen: false,
+            height: 500,
+            width: 450,
+            positon: {my: 'center top'}
         });
 
         $('#help').click(() => $('#chatbot').dialog('open'));