diff --git a/index.html b/index.html
index 0f047e1..c9fdafd 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
+ in-browser.">
diff --git a/src/game/gamestate.ts b/src/game/gamestate.ts
index 831f476..40a551c 100644
--- a/src/game/gamestate.ts
+++ b/src/game/gamestate.ts
@@ -67,7 +67,7 @@ export class GameState {
public deadCards: Card[] = [];
public publicCards: Card[] = [];
public renounces: Set[] = [];
- public rawLadders: [Card, Player | null | 'trickwinner'][] = this.getStartingLadders();
+ public rawLadders: [Card, Player | null | 'trickwinner'][];
public _trumpSuit: Suit = arbitrarySuit;
public currentState: state = 'initialiseGame';
public suitRungsAscended: advanceSuitTracker = new advanceSuitTracker();
@@ -89,6 +89,7 @@ export class GameState {
for (const name of playerNames) {
this.players.push();
}
+ this.rawLadders = this.getStartingLadders();
// choose a random initial dealer
this.dealerIndex = Math.floor(Math.random() * playerNames.length);
// dummy values:
diff --git a/static/style.css b/static/style.css
index 7d8ca1b..cf79d93 100644
--- a/static/style.css
+++ b/static/style.css
@@ -104,7 +104,7 @@ body {
position: relative;
width: 800px;
height: 450px;
- top: 30px;
+ top: 10px;
margin: 20px auto;
border: 2px solid #fff;
border-radius: 10px;
@@ -115,6 +115,7 @@ body {
position: absolute;
text-align: center;
border: black 1px;
+ width: 50%;
}
.player-area.player {
@@ -125,12 +126,12 @@ body {
.player-area.comp1 {
top: 20px;
- left: 30px;
+ left: -10px;
}
.player-area.comp2 {
top: 20px;
- right: 30px;
+ right: -10px;
}
.ladder.neutral {
@@ -362,7 +363,6 @@ body {
#advance-holder {
position: relative;
- top: -10px;
left: 50px;
}
@@ -412,7 +412,7 @@ body {
.penultimate-cards {
position: absolute;
- right: -20px;
+ right: 0px;
top: 20px;
width: 200px;
text-align: center;
@@ -420,7 +420,7 @@ body {
.dead-cards {
position: absolute;
- right: 125px;
+ right: 145px;
top: 20px;
width: 200px;
text-align: center;