From 99f558d43e288d3ace6a52f311231537d14f4cae Mon Sep 17 00:00:00 2001
From: TwinProduction <twin@twinnation.org>
Date: Sun, 31 Jan 2021 17:54:14 -0500
Subject: [PATCH] Fix minor responsiveness issue

---
 web/app/src/components/Service.vue      | 2 +-
 web/app/src/components/ServiceGroup.vue | 2 +-
 web/app/src/views/Details.vue           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/app/src/components/Service.vue b/web/app/src/components/Service.vue
index a4569240..048d24cd 100644
--- a/web/app/src/components/Service.vue
+++ b/web/app/src/components/Service.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class='service container px-3 py-3 border-l border-r border-t rounded-none hover:bg-gray-100' v-if="data && data.results && data.results.length">
+  <div class='service px-3 py-3 border-l border-r border-t rounded-none hover:bg-gray-100' v-if="data && data.results && data.results.length">
     <div class='flex flex-wrap mb-2'>
       <div class='w-3/4'>
         <router-link :to="generatePath()" class="font-bold hover:text-blue-800 hover:underline" title="View detailed service health">
diff --git a/web/app/src/components/ServiceGroup.vue b/web/app/src/components/ServiceGroup.vue
index a76a7b54..5b8008a1 100644
--- a/web/app/src/components/ServiceGroup.vue
+++ b/web/app/src/components/ServiceGroup.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="services.length === 0 ? 'mt-3' : 'mt-4'">
     <slot v-if="name !== 'undefined'">
-      <div class="service-group container pt-2 border" @click="toggleGroup">
+      <div class="service-group pt-2 border" @click="toggleGroup">
         <h5 class='text-monospace text-gray-400 text-xl font-medium pb-2 px-3'>
           <span v-if="healthy" class='text-green-600'>&#10003;</span>
           <span v-else class='text-yellow-400'>~</span>
diff --git a/web/app/src/views/Details.vue b/web/app/src/views/Details.vue
index aaa0a5eb..2c96dcac 100644
--- a/web/app/src/views/Details.vue
+++ b/web/app/src/views/Details.vue
@@ -2,7 +2,7 @@
   <router-link to="../" class="absolute top-2 left-2 inline-block px-2 py-0 text-lg text-black transition bg-gray-100 rounded shadow ripple hover:shadow-lg hover:bg-gray-200 focus:outline-none">
     &larr;
   </router-link>
-  <div class="container mx-auto">
+  <div>
     <slot v-if="serviceStatus">
       <h1 class="text-3xl text-monospace text-gray-400">RECENT CHECKS</h1>
       <hr class="mb-4" />