From 431fb3e9f294d6382f8963c162b63209825ca485 Mon Sep 17 00:00:00 2001
From: TwinProduction <twin@twinnation.org>
Date: Sun, 31 Jan 2021 16:47:31 -0500
Subject: [PATCH] Make title smaller on smaller screens

---
 web/app/src/App.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/app/src/App.vue b/web/app/src/App.vue
index 31885b7f..08feec13 100644
--- a/web/app/src/App.vue
+++ b/web/app/src/App.vue
@@ -3,7 +3,7 @@
     <div class="mb-2">
       <div class="flex flex-wrap">
         <div class="w-3/4 text-left my-auto">
-          <div class="title text-5xl font-light">Health Status</div>
+          <div class="text-3xl xl:text-5xl lg:text-4xl font-light">Health Status</div>
         </div>
         <div class="w-1/4 flex justify-end">
           <img src="./assets/logo.png" alt="Gatus" class="object-scale-down" style="max-width: 100px; min-width: 50px; min-height:50px;"/>
@@ -45,6 +45,7 @@ export default {
 html {
   height: 100%;
 }
+
 html, body {
   background-color: #f7f9fb;
 }