From e491546b356df5bdda47b9967aaed522333748d1 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Thu, 25 May 2023 19:50:44 +0200
Subject: [PATCH] Prevent text wrapping because large front compared to screen
 width

---
 src/lib/components/VerticalSensorDisplay.svelte | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/VerticalSensorDisplay.svelte b/src/lib/components/VerticalSensorDisplay.svelte
index 2ea15d9..e5c39da 100644
--- a/src/lib/components/VerticalSensorDisplay.svelte
+++ b/src/lib/components/VerticalSensorDisplay.svelte
@@ -104,13 +104,17 @@ h2 {
   justify-content: space-between;
   margin-bottom: 1.75rem;
 
-  font-size: 3rem;
+  font-size: 2.2rem;
   line-height: 1;
   font-weight: 500;
   color: var(--text-color);
 
   @include tablet {
-    font-size: 4.5rem;
+    font-size: 2.9rem;
+  }
+
+  @include desktop {
+    font-size: 3rem;
   }
 
   .unit {
@@ -132,4 +136,4 @@ h2 {
   color: rgba(0, 0, 0, .5);
 }
 
-</style>
\ No newline at end of file
+</style>