From d3ff0f02560e3337d7a99c0c96a5bcc23e7fa3aa Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Thu, 15 Feb 2018 23:11:13 +0100
Subject: [PATCH] Now use bigger font-size on mobile and tablet

---
 front/src/App.vue               | 5 +++++
 front/src/semantic/semantic.css | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/front/src/App.vue b/front/src/App.vue
index d310c3ca9..afaea8215 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -43,6 +43,11 @@ export default {
 @import 'style/vendor/media';
 
 
+html, body {
+  @include media("<desktop") {
+    font-size: 200%;
+  }
+}
 #app {
   font-family: 'Avenir', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
diff --git a/front/src/semantic/semantic.css b/front/src/semantic/semantic.css
index 99c5ddaa5..f12877b85 100755
--- a/front/src/semantic/semantic.css
+++ b/front/src/semantic/semantic.css
@@ -515,7 +515,7 @@ body {
 }
 
 html {
-  font-size: 14px;
+  font-size: 100%;
 }
 
 body {
@@ -525,7 +525,7 @@ body {
   min-width: 320px;
   background: #FFFFFF;
   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  font-size: 14px;
+  font-size: 100%;
   line-height: 1.4285em;
   color: rgba(0, 0, 0, 0.87);
   font-smoothing: antialiased;