diff --git a/static/css/base.css b/static/css/base.css
index 80f811acf3e83615eb7fb21b744829eb749e6469..f0f8c143a9c5a01bca7bb9e88329034baf2118b8 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -12,6 +12,7 @@ html {
body {
padding-top: 75px;
+ background-color: #E3E6EB;
}
body, html {
@@ -39,7 +40,7 @@ body, html {
width: 100%;
min-width: inherit;
height: 35px;
-
+ box-sizing: content-box;
padding: 5px;
padding-top: 10px;
}
diff --git a/views/default/login.html b/views/default/login.html
index 35a632de445236c6f4750df902faefcbdb7841fd..62cb37ca2c2455ffc713c1f745feaa2105d88ce0 100644
--- a/views/default/login.html
+++ b/views/default/login.html
@@ -3,7 +3,7 @@
<form id="form_login">
<input type="text" id="room_code" placeholder="{{=T('Enter Room Code')}}" maxlength="4"><br><br>
<input type="text" id="user_name" placeholder="{{=T('Enter your Name')}}" maxlength="15"><br><br>
- <input type="submit" value="{{=T('Play')}}">
+ <input class="btn btn-outline-primary" type="submit" value="{{=T('Play')}}">
</form>
<script type="text/javascript">
diff --git a/views/layout.html b/views/layout.html
index 85a94c130f38245faa38efb6af81d50e0b6cb605..128aadb75ded70da502e6c9251d43af726837326 100644
--- a/views/layout.html
+++ b/views/layout.html
@@ -2,8 +2,10 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="{{=URL('static','css/bootstrap.min.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{=URL('static/css', 'base.css')}}">
<script src="{{=URL('static','js/jquery.js')}}" type="text/javascript"></script>
+ <script src="{{=URL('static','js/bootstrap.bundle.min.js')}}"></script>
<script src="{{=URL('static','js/ajax.js')}}" type="text/javascript"></script>
<script type="text/javascript">
function HEADER_SET(_left, _middle, _right) {