diff options
-rw-r--r-- | cao-mobile.css | 15 | ||||
-rw-r--r-- | cao-mobile.html | 2 |
2 files changed, 11 insertions, 6 deletions
diff --git a/cao-mobile.css b/cao-mobile.css index 717b7f3..8d55b5b 100644 --- a/cao-mobile.css +++ b/cao-mobile.css @@ -15,13 +15,16 @@ header { border-bottom: 4px solid #000; padding: 20px; box-sizing: border-box; - text-align: right; } -header > span { +header > span#score { opacity: 0.7; +} +header > span#leave-room { + opacity: 0.7; + float: right; cursor: pointer; } -header > span:hover { +header > span#leave-room:hover { opacity: 1; } .page { @@ -109,12 +112,12 @@ div.bottom { button.bottom { font-size: 2.5em; color: #dddddd; - border: 4px solid #0277BD; - background: #039BE5; + border: 4px solid #1565C0; + background: #1E88E5; transition: .3s; } button.bottom:hover { - background: #0277BD; + background: #1565C0; font-size: 2.7em; } .message { diff --git a/cao-mobile.html b/cao-mobile.html index a52792b..85d7228 100644 --- a/cao-mobile.html +++ b/cao-mobile.html @@ -2,6 +2,7 @@ <html lang="en"> <head> <meta charset="utf-8"> + <meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" /> <title>CAO</title> <link rel="stylesheet" href="cao-common.css"> <link rel="stylesheet" href="cao-mobile.css"> @@ -13,6 +14,7 @@ <div data-role="page"> <header hidden> <span id="leave-room">Leave this room</span> + <span id="score">Your score is 0</span> </header> <div id="home" class="page current"> <h1>Cards Against Humanity</h1> |