From 1b16dab554a04d7f561e4a1954e3163e2ea23dcf Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Tue, 12 Nov 2019 19:26:23 +0300
Subject: [PATCH] make font size smaller on tiny screens

---
 webapp/components/ProgressBar/ProgressBar.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/webapp/components/ProgressBar/ProgressBar.vue b/webapp/components/ProgressBar/ProgressBar.vue
index 6041bd359..9fd799b39 100644
--- a/webapp/components/ProgressBar/ProgressBar.vue
+++ b/webapp/components/ProgressBar/ProgressBar.vue
@@ -59,6 +59,10 @@ export default {
   @media (max-width: 546px) {
     top: $space-xx-small;
   }
+
+  @media (max-width: 350px) {
+    font-size: $font-size-small;
+  }
 }
 
 .progress-bar__goal {
@@ -85,5 +89,9 @@ export default {
   position: absolute;
   top: 50%;
   left: $space-xx-small;
+
+  @media (max-width: 350px) {
+    font-size: $font-size-small;
+  }
 }
 </style>