mobile tweaks for best score
--- a/style/main.css
+++ b/style/main.css
@@ -50,7 +50,8 @@
opacity: 0; } }
.scores-container {
- float: right; }
+ float: right;
+ text-align: right; }
.score-container, .best-container {
position: relative;
@@ -460,14 +461,17 @@
padding: 0 20px; }
h1.title {
- font-size: 50px; }
+ font-size: 27px;
+ margin-top: 15px; }
.container {
width: 280px;
margin: 0 auto; }
- .score-container {
- margin-top: 0; }
+ .score-container, .best-container {
+ margin-top: 0;
+ padding: 15px 10px;
+ min-width: 40px; }
.heading {
margin-bottom: 10px; }
--- a/style/main.scss
+++ b/style/main.scss
@@ -60,6 +60,7 @@
.scores-container {
float: right;
+ text-align: right;
}
.score-container, .best-container {
@@ -445,7 +446,8 @@
}
h1.title {
- font-size: 50px;
+ font-size: 27px;
+ margin-top: 15px;
}
.container {
@@ -453,8 +455,15 @@
margin: 0 auto;
}
- .score-container {
+ // .scores-container {
+ // float: left;
+ // clear: left;
+ // }
+
+ .score-container, .best-container {
margin-top: 0;
+ padding: 15px 10px;
+ min-width: 40px;
}
.heading {