feat: add modify/delete buttons

static/site.css

@@ -87,3 +87,28 @@ body{
     width: 100%;
     text-align: center;
 }
+
+.service-info-button:hover{
+    color: black;
+    opacity: 0.75;
+}
+
+.service-info-button{
+    float: right;
+    font-family: monospace;
+    margin-left: 10px;
+    padding-left:  10px;
+    padding-right: 10px;
+   
+    padding-top: 2px;
+    padding-top: 2px;
+
+    color: black;
+}
+
+.box{
+    border-style: solid;
+    border-width: 1px;
+    border-color: aliceblue;
+    width: fit-content;
+}

templates/service_info.html

@@ -4,8 +4,12 @@
         {% include "navbar.html" %}
         <div class="container">
             <h2 class="service-name">Service: {{ service.service }}</h2>
-            <div class="service-timeout">Timeout: {{ service.timeout }}d</div>
+
-            <div class="service-token">Secret Token: {{ service.token }}</div>
+            <a class="service-info-button mt-3" style="background-color: orange;"
+                    href="/entry-form">Modify</a>
+            <a class="service-info-button mt-3" style="background-color: red;"
+                href="#"
+                onclick="alert('Delete is not supported yet')">Delete</a>
 
 			<div class="last-status">
 			{% if status_list | length > 0 %}
@@ -15,6 +19,13 @@
 			{% endif %}
 			</div>
 
+            <div class="p-4 box mt-4 mb-3" style="display: none;">
+                <div class="service-timeout">Timeout: {{ service.timeout }} days</div>
+                <div class="service-timeout">Owner: {{ service.owner }}</div>
+                <div style="display: none;"
+                     class="service-token">Secret Token: {{ service.token }}</div>
+            </div>
+
             <h5 class="my-4">Curl</h5>
             <div class="ml-3 example">
                 curl -X POST \ <br>