fix: service page styling

Author: henrywhitaker3

internal/http/service.go

@@ -64,10 +64,12 @@ func NewGetServiceHandler(app *app.App, cache *ResultCache) echo.HandlerFunc {
 		}
 
 		data := getServiceData{
-			Age:    time.Since(age).Round(time.Second),
-			Result: svc,
-			Graph:  template.HTML(graph.Out()),
-			Extras: map[string]template.HTML{},
+			Config:  *app.Config,
+			Version: app.Version,
+			Age:     time.Since(age).Round(time.Second),
+			Result:  svc,
+			Graph:   template.HTML(graph.Out()),
+			Extras:  map[string]template.HTML{},
 		}
 
 		for name, res := range extraGraphs {

internal/resources/views/service.html

@@ -1,14 +1,14 @@
 {{- define "content" }}
 {{- if not (eq .Graph "") }}
 <div class="flex flex-col justify-between items-center">
-    <div class="w-full flex flex-col md:flex-row justify-center md:items-baseline items-center">
+    <div class="w-full flex flex-col md:flex-row justify-center md:items-baseline items-center mb-6">
         <h1 class="text-xl font-bold md:inline-block md:mr-2 text-avocado-800" >{{ .Result.Service.Name }}</h1>
         <span class="text-gray-500 text-sm">{{ $.Sprintf "%.2f" .Result.Uptime  }}% over the last {{ $.PrettyDuration .Result.Service.Query.Range }}</span>
     </div>
 
-    <div class="h-64 md:h-96 w-full">{{ .Graph }}</div>
+    <div class="h-64 md:h-96 w-full border rounded-md shadow-md mb-6">{{ .Graph }}</div>
 
-    <div class="w-full">
+    <div class="w-full border rounded-md shadow-md pt-4 mb-6">
     {{- range $name, $graph := .Extras }}
         <h2 class="text-center text-avocado-800">{{ $name }}</h2>
         <div class="h-64 md:h-96 w-full">{{ $graph }}</div>