switch to grid styling and fix watch pattern

templates/views/index.hbs

@@ -1,6 +1,7 @@
-<main class="flex justify-center items-center h-screen relative bg-[#0E0A0E]">
+<main class="grid grid-rows-3 grid-cols-[1fr] justify-center items-center h-screen bg-[#0E0A0E]">
+    <div class="flex h-full p-2.5 justify-between"> 
+        <div>
         {{#if WeatherData}}
-    <div class="absolute top-2.5 left-2.5">
             <div class="text-[#BABABA] flex items-center">
                 <span class="mr-2 flex items-center">
                     {{{WeatherData.Icon}}}
@@ -10,12 +11,11 @@
                     <p>{{WeatherData.Desc}}</p>
                 </div>
             </div>
-    </div>
         {{/if}}
+        </div>
+        <div>
         {{#if UptimeData}}
-    <div class="absolute top-2.5 right-2.5">
             <div class="text-[#BABABA] flex items-end flex-col">
-            {{!-- loop over UptimeData --}}
                 {{#each UptimeData}}
                 <div class="flex items-center">
                     <span class="mr-2 flex items-center">
@@ -33,9 +33,10 @@
                 </div>
                 {{/each}}
             </div>
-    </div>
         {{/if}}
-    <div class="flex flex-col items-center w-full mx-6">
+        </div>
+    </div>
+    <div class="row-start-2 flex flex-col items-center w-full px-6">
         <div class="flex items-center pb-2.5">
             <svg class="mr-3 aspect-square w-[clamp(48px,10vw,60px)]" viewBox="0 0 100 100" fill="none"
                 xmlns="http://www.w3.org/2000/svg">

zqdgr.config.json

@@ -13,5 +13,5 @@
         "dev": "go generate; PASSPORT_DEV_MODE=true go run main.go",
         "build": "go generate && go build -tags netgo,prod -o passport"
     },
-    "pattern": "**/*.go,views/**/*.hbs,styles/**/*.css,assets/**/*.{svg,png,jpg,jpeg,webp,woff2,ttf,otf,eot,ico,gif,webp}"
+    "pattern": "**/*.go,templates/views/**/*.hbs,styles/**/*.css,assets/**/*.{svg,png,jpg,jpeg,webp,woff2,ttf,otf,eot,ico,gif,webp}" 
 }