From a0f52cba6ec84120d42ffc49a9962f04e88fe770 Mon Sep 17 00:00:00 2001
From: Anton Vakhrushev <anwinged@ya.ru>
Date: Sun, 17 Jun 2018 11:54:31 +0300
Subject: [PATCH] Fix style

---
 source/_assets/predictor/Demo.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/source/_assets/predictor/Demo.vue b/source/_assets/predictor/Demo.vue
index 158637d..dbb80b7 100644
--- a/source/_assets/predictor/Demo.vue
+++ b/source/_assets/predictor/Demo.vue
@@ -81,6 +81,7 @@ export default {
 
 <style lang="scss">
 $button-radius: 0.5em;
+$font-size: 20px;
 
 .app {
     display: block;
@@ -89,7 +90,6 @@ $button-radius: 0.5em;
     text-align: center;
     padding: 2em;
     border: 1px solid #ccc;
-    font-size: 24px;
     @media (max-width: 749px) {
         padding: 2em 0;
         width: auto;
@@ -97,27 +97,36 @@ $button-radius: 0.5em;
 }
 
 .score {
-    font-size: 300%;
+    font-size: 400%;
     margin-bottom: 0.8em;
     display: inline-block;
 }
 
+.buttons {
+    display: flex;
+    justify-content: center;
+}
+
 %button {
     display: inline-block;
     color: #fff;
-    background-color: #2e4380;
-    padding: 0.6em 1.2em;
+    background-color: #405480;
+    padding: 0.6em;
     border: none;
+    font-size: $font-size;
 }
 
 .restart-button {
     @extend %button;
+    padding: 0.6em 1.4em;
     border-radius: $button-radius;
 }
 
 .pass-button {
     @extend %button;
-    min-width: 8em;
+    flex-grow: 0;
+    min-width: 7em;
+    margin: 0.2em;
 }
 
 .pass-button.__left {