diff --git a/gemp-lotr/gemp-lotr-async/src/main/web/css/gemp-001/hall.css b/gemp-lotr/gemp-lotr-async/src/main/web/css/gemp-001/hall.css
index 1a4a55436..5e00cd073 100644
--- a/gemp-lotr/gemp-lotr-async/src/main/web/css/gemp-001/hall.css
+++ b/gemp-lotr/gemp-lotr-async/src/main/web/css/gemp-001/hall.css
@@ -853,6 +853,7 @@ table.standings {
#limitedGameForm {
display: grid;
margin-left: 20px;
+ padding-top: 8px;
padding-bottom: 20px;
gap: 8px;
max-width: 400px;
@@ -877,3 +878,10 @@ form#limitedGameForm input {
display: grid;
gap: 8px;
}
+
+.formRow {
+ display: grid;
+ grid-template-columns: auto 1fr;
+ align-items: center;
+ gap: 8px;
+}
diff --git a/gemp-lotr/gemp-lotr-async/src/main/web/hall.html b/gemp-lotr/gemp-lotr-async/src/main/web/hall.html
index ed2abb68c..d7e48c47a 100644
--- a/gemp-lotr/gemp-lotr-async/src/main/web/hall.html
+++ b/gemp-lotr/gemp-lotr-async/src/main/web/hall.html
@@ -276,24 +276,26 @@
diff --git a/gemp-lotr/gemp-lotr-async/src/main/web/js/gemp-022/hallUi.js b/gemp-lotr/gemp-lotr-async/src/main/web/js/gemp-022/hallUi.js
index 8a7a85ac9..b55c8b6f8 100644
--- a/gemp-lotr/gemp-lotr-async/src/main/web/js/gemp-022/hallUi.js
+++ b/gemp-lotr/gemp-lotr-async/src/main/web/js/gemp-022/hallUi.js
@@ -212,7 +212,13 @@ var GempLotrHallUI = Class.extend({
validPlayerReadyCombo &&
draftValid;
- $("#createTournamentButton").prop("disabled", !allValid);
+ if (allValid) {
+ $("#createTournamentButton").prop("disabled", false);
+ $("#createTournamentButton").removeClass("ui-state-disabled");
+ } else {
+ $("#createTournamentButton").prop("disabled", true);
+ $("#createTournamentButton").addClass("ui-state-disabled");
+ }
};
$("#gameTypeSelect").on("change", function () {
@@ -245,13 +251,15 @@ var GempLotrHallUI = Class.extend({
if (formats.length === 0) return;
// Create Format label and select
+ const $formatRow = $("