From f324ca45ff72f2bfca82257360cc222c21e90e8d Mon Sep 17 00:00:00 2001
From: Axel Cocat <ax.cocat@gmail.com>
Date: Sun, 27 Feb 2022 00:50:41 +0100
Subject: [PATCH] feat(character): add max-widths for character model and
 talent trees

---
 static/character-talents.html    |  4 ++--
 static/css/character-talents.css | 11 +++++++++--
 static/css/character.css         |  4 ++++
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/static/character-talents.html b/static/character-talents.html
index 49f6f55..9d79bb6 100644
--- a/static/character-talents.html
+++ b/static/character-talents.html
@@ -34,13 +34,13 @@
 	<a href="#1" id="link-spec-1" class="is-block-touch">Secondary specialization</a>
 </div>
 
-<div id="talents-spec-0" class="columns is-multiline has-text-centered">
+<div id="talents-spec-0" class="columns talents-spec is-multiline has-text-centered">
 	<div class="column is-one-quarter-desktop">
 		<span class="is-size-4">Glyphs</span>
 		<div class="glyphs"></div>
 	</div>
 </div>
-<div id="talents-spec-1" class="columns is-multiline has-text-centered hidden">
+<div id="talents-spec-1" class="columns talents-spec is-multiline has-text-centered hidden">
 	<div class="column is-one-quarter-desktop">
 		<span class="is-size-4">Glyphs</span>
 		<div class="glyphs"></div>
diff --git a/static/css/character-talents.css b/static/css/character-talents.css
index 84ce35c..414e40b 100644
--- a/static/css/character-talents.css
+++ b/static/css/character-talents.css
@@ -66,11 +66,18 @@
 	border: 1px solid #ffcf00;
 }
 
-#talents-spec-0.hidden,
-#talents-spec-1.hidden {
+.talents-spec {
+	justify-content: center;
+}
+
+.talents-spec.hidden {
 	display: none;
 }
 
+.talents-spec .column {
+	max-width: 500px;
+}
+
 .talent-tree .header {
 	display: flex;
 	justify-content: center;
diff --git a/static/css/character.css b/static/css/character.css
index 8c0916a..ce1d94d 100644
--- a/static/css/character.css
+++ b/static/css/character.css
@@ -14,6 +14,10 @@
 	flex-direction: column;
 }
 
+#model {
+	max-width: 1000px;
+}
+
 #model,
 #model canvas {
 	touch-action: none;