From 827b74ebf1eda1c548cd48b098a7a49f5476916f Mon Sep 17 00:00:00 2001
From: Arindy <dietmar.roth.23@gmail.com>
Date: Mon, 10 Feb 2025 18:41:13 +0100
Subject: [PATCH] moves overlay notice

---
 src/main/resources/templates/pub/index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/templates/pub/index.html b/src/main/resources/templates/pub/index.html
index 34f4b94..0aea10c 100644
--- a/src/main/resources/templates/pub/index.html
+++ b/src/main/resources/templates/pub/index.html
@@ -155,7 +155,7 @@
 
         <div class="content">
             <div style="display: flex; flex-direction: row; justify-content: space-between; align-items: baseline;">
-                <label for="overlayId">Dice-Overlay <a style="color: red"> (Only open once) </a> </label>
+                <label for="overlayId" id="overlayLabel">Dice-Overlay </label>
                 <input type="text" readonly id="overlayId" style="flex-grow: 1"/>
                 <button popovertarget="overlay-hint" data-trigger="hover" class="overlayButton">🛈</button>
             </div>
@@ -247,7 +247,7 @@
                 <li>Join a room by entering your character name and the name of the room</li>
                 <li>Open your Dice-Overlay either in a new Tab or as a browser source in OBS</li>
                 <ul>
-                    <li>Only open your Dice-Overlay once!</li>
+                    <li style="color: red; font-weight: bold">Only open your Dice-Overlay once!</li>
                     <li>You can configure your Overlay with query parameters (more information at the info element next to the link)</li>
                 </ul>
                 <li>Configure your dice</li>
@@ -287,6 +287,7 @@
             document.getElementById('results').hidden = false;
             document.getElementById('nameLabel').innerHTML = '<strong style="font-size:x-large;">' + document.getElementById('name').value + '</strong>';
             document.getElementById('roomLabel').innerHTML = '<strong style="font-size:medium;">' + document.getElementById('room').value + '</strong>';
+            document.getElementById('overlayLabel').innerHTML = 'Dice-Overlay for <strong>' + document.getElementById('name').value + '</strong>';
             document.title = document.getElementById('name').value + ' - Dice-Tower';
 
             if (localStorage.getItem(document.getElementById('name').value + "-theme")) {