Update public/style.css, public/ar_main.js

public/ar_main.js

@@ -125,6 +125,19 @@ function closeDynamicMenu() {
     dynamicMenu.style.display = "none";
 }
 
+function showInfoDialog(message) {
+    const infoDialog = document.getElementById("info-dialog");
+    const infoText = document.getElementById("info-text");
+
+    infoText.textContent = message; // Nachricht setzen
+    infoDialog.style.display = "flex";
+}
+
+function closeInfoDialog() {
+    const infoDialog = document.getElementById("info-dialog");
+    infoDialog.style.display = "none";
+}
+
 /* ========================= */
 /*     MODELL-HANDLING       */
 /* ========================= */

public/style.css

@@ -249,10 +249,9 @@ button:active {
 
 .control-button {
   flex: 0 0 auto;
-  width: 40px;
-  height: 40px;
   border: none;
   border-radius: 5px;
+  padding: 8px;
   background-color: #007BFF;
   cursor: pointer;
   transition: background-color 0.3s, transform 0.2s;
@@ -261,11 +260,9 @@ button:active {
 .control-button img {
   width: 40px;
   height: 40px;
-  padding: 8px;
-  object-fit: contain;
 }
 
 .control-button:active {
   background-color: #0056b3;
   transform: scale(0.95);
-}
+}
\ No newline at end of file