mobile tweaks for best score
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 {

comments