danbarber/scoreboard
1
0
Fork 0
mirror of https://github.com/danbee/scoreboard synced 2025-03-04 08:59:11 +00:00
Code Issues Releases Wiki Activity

Improve appearance of reset button

Browse Source
This commit is contained in:
Daniel Barber 2015-12-08 16:50:38 +00:00
parent 91bc549216
commit 0a7e2436a1
Signed by: danbarber
GPG Key ID: 931D8112E0103DD8
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/stylesheets/main.css
View File

@ -5,7 +5,7 @@ body {
} }
.scores { .scores {
position: absolute; position: absolute;
top: 0; bottom: 2em; left: 0; right: 0; top: 0; bottom: 0; left: 0; right: 0;
display: -webkit-flex; display: -webkit-flex;
display: -moz-flex; display: -moz-flex;
display: flex; display: flex;
@ -21,7 +21,7 @@ body {
} }
.scores div .score { .scores div .score {
position: absolute; position: absolute;
bottom: 2rem; bottom: 6rem;
font-weight: bold; font-weight: bold;
font-size: 20rem; font-size: 20rem;
} }
@ -60,5 +60,17 @@ body {
.controls { .controls {
position: absolute; position: absolute;
bottom: 0; left: 0; right: 0; bottom: 0; left: 0; right: 0;
height: 2rem; text-align: center;
}
.controls button#reset {
border-style: solid;
border-width: 2px 2px 0;
border-color: rgba(255, 255, 255, 0.6);
padding: 1rem 4rem;
/* background: #47962D; */
background: transparent;
color: white;
font-size: 2rem;
border-radius: 0.5em 0.5em 0 0;
} }