diff --git a/frontend/static/css/tictactoe.css b/frontend/static/css/tictactoe.css
index ff44527..83539f1 100644
--- a/frontend/static/css/tictactoe.css
+++ b/frontend/static/css/tictactoe.css
@@ -1,5 +1,14 @@
#canva {
- width: 660px;
- height:660px;
+ width: 510px;
+ height:510px;
margin: 0px auto;
- }
\ No newline at end of file
+}
+
+#Morpion {
+ margin: 0px auto;
+}
+
+#rule {
+ text-align: center;
+ margin: 0px auto;
+}
diff --git a/frontend/static/js/views/TicTacToeOfflineView.js b/frontend/static/js/views/TicTacToeOfflineView.js
index 09b99f9..328d1a9 100644
--- a/frontend/static/js/views/TicTacToeOfflineView.js
+++ b/frontend/static/js/views/TicTacToeOfflineView.js
@@ -236,14 +236,17 @@ export class TicTacToeOfflineView extends AbstractView
async getHtml()
{
return `
+
${lang.get('ticTacToe')}
- ${lang.get('ruleTitle')}
- ${lang.get('ruleBase')}
- ${lang.get('ruleMovement')}
- ${lang.get('ruleDraw')}
+
+
${lang.get('ruleTitle')}
+ ${lang.get('ruleBase')}
+ ${lang.get('ruleMovement')}
+ ${lang.get('ruleDraw')}
+
`;
}
}
diff --git a/frontend/static/js/views/TicTacToeOnlineView.js b/frontend/static/js/views/TicTacToeOnlineView.js
index 5632548..4d49ebf 100644
--- a/frontend/static/js/views/TicTacToeOnlineView.js
+++ b/frontend/static/js/views/TicTacToeOnlineView.js
@@ -37,10 +37,12 @@ export class TicTacToeOnlineView extends AbstractView
- ${lang.get('ruleTitle')}
- ${lang.get('ruleBase')}
- ${lang.get('ruleMovement')}
- ${lang.get('ruleDraw')}
+
+
${lang.get('ruleTitle')}
+ ${lang.get('ruleBase')}
+ ${lang.get('ruleMovement')}
+ ${lang.get('ruleDraw')}
+
`
}
}