From 2901a38628867503fc7f1d496e868cc79b1c120d Mon Sep 17 00:00:00 2001
From: henrygd <hank@henrygd.me>
Date: Fri, 27 Aug 2021 15:28:01 -0700
Subject: [PATCH] add position: sticky to monitor details

---
 src/pages/Details.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/Details.vue b/src/pages/Details.vue
index 1c389a91..3d49d606 100644
--- a/src/pages/Details.vue
+++ b/src/pages/Details.vue
@@ -1,6 +1,6 @@
 <template>
     <transition name="slide-fade" appear>
-        <div v-if="monitor">
+        <div v-if="monitor" class="monitor">
             <h1> {{ monitor.name }}</h1>
             <p class="url">
                 <a v-if="monitor.type === 'http' || monitor.type === 'keyword' " :href="monitor.url" target="_blank">{{ monitor.url }}</a>
@@ -418,4 +418,9 @@ table {
         color: $dark-font-color;
     }
 }
+.monitor {
+    position: sticky;
+    top: 7px;
+    margin: 0 0 24px;
+}
 </style>