diff --git a/binaries/data/mods/public/gui/session/styles.xml b/binaries/data/mods/public/gui/session/styles.xml
index 5e202030a7..52fe260db2 100644
--- a/binaries/data/mods/public/gui/session/styles.xml
+++ b/binaries/data/mods/public/gui/session/styles.xml
@@ -222,15 +222,14 @@
text_valign="center"
/>
-
diff --git a/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.js b/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.js
index 91bad4f5ac..cb67b11473 100644
--- a/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.js
+++ b/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.js
@@ -32,8 +32,9 @@ class InstructionPanel
displayStep(panelData)
{
- this.text.caption = this.instructions.concat(setStringTags(panelData.text, this.NewInstructionTags)).join("\n");
- this.instructions.push(panelData.text);
+ this.text.caption = panelData.text;
+ const panelHeight = Math.min(this.MaxPanelHeight, this.text.size.top + this.text.getTextSize().height - this.text.size.bottom);
+ this.panel.size.bottom = this.panel.getComputedSize().top + panelHeight;
if (panelData.showContinueButton)
{
@@ -70,3 +71,5 @@ InstructionPanel.prototype.HintCaptions = {
"Instruction": translate("Follow the instructions."),
"Quit": translate("Click to quit this tutorial.")
};
+
+InstructionPanel.prototype.MaxPanelHeight = 185;
diff --git a/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.xml b/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.xml
index a639c30746..ff0b05551b 100644
--- a/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.xml
+++ b/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.xml
@@ -1,10 +1,8 @@
-