fix: apply styling for update view

dhruv-signoz · dhruv-signoz · commit 8b6381414f5e · 2025-11-19T17:17:02.000+05:30
diff --git a/templates/update.html b/templates/update.html
@@ -1,42 +1,42 @@
 <html>
 	<head>
 		<title>{{t}}</title>
+		<link rel="stylesheet" type="text/css"  href="{{ url_for('static',filename='assets/style.css')}}" >
 	</head>
-	<style>	
-		h1{
-			font-family:"Arial Black", Gadget, sans-serif;
-		}
-		body{
-			background-color:white;
-		}
-	</style>
 <body>
 	<h1>{{h}}</h1>
 	<hr>
-	<h3>Update tasks with a reference</h3>
+	<h3>Update Task</h3>
 	<form action="/action3" method="POST">
 	{% for task in tasks %}
-		Unique Object ID : {{ task['_id'] }}<br/>
-	<input type="text" name="_id" value="{{ task['_id'] }}" hidden>
+		<p><strong>Unique Object ID:</strong> {{ task['_id'] }}</p>
+		<input type="text" name="_id" value="{{ task['_id'] }}" hidden>
 
-	<table>
-	<tr>
-	<td>Task Name</td><td> : </td><td><input type="text" name="name" value="{{ task['name'] }}" placeholder="{{ task['name'] }}"></td>
-	</tr>
-	<tr>
-	<td>Description</td><td> : </td><td><textarea type="text" name="desc" rows=3 cols=30 placeholder="{{ task['desc'] }}"> {{ task['desc'] }} </textarea></td>
-	</tr>
-	<tr>
-	<td>Date</td><td> : </td><td><input type="text" name="date" value="{{ task['date'] }}" placeholder="{{ task['date'] }}"></td>
-	</tr>
-	<tr>
-	<td>Priority</td><td> : </td><td><input type="text" name="pr" value="{{ task['pr'] }}" placeholder="{{ task['pr'] }}"></td>
-	</tr>
-	</table>
+		<table class="none">
+			<tr>
+				<td><label>Task Name</label></td>
+				<td><input type="text" name="name" value="{{ task['name'] }}" placeholder="{{ task['name'] }}"></td>
+			</tr>
+			<tr>
+				<td><label>Description</label></td>
+				<td><textarea name="desc" rows="3" cols="30" placeholder="{{ task['desc'] }}">{{ task['desc'] }}</textarea></td>
+			</tr>
+			<tr>
+				<td><label>Date</label></td>
+				<td><input type="text" name="date" value="{{ task['date'] }}" placeholder="{{ task['date'] }}"></td>
+			</tr>
+			<tr>
+				<td><label>Priority</label></td>
+				<td><input type="text" name="pr" value="{{ task['pr'] }}" placeholder="{{ task['pr'] }}"></td>
+			</tr>
+		</table>
 	{% endfor %}
-		<button type="submit"> Update Task </button>
-		<br/>
+	<div style="text-align:center;margin-top:16px">
+		<button type="submit">Update Task</button>
+	</div>
 	</form>
-	<a href="/">Return to TaskList</a>
+	<div style="text-align:center;margin-top:16px">
+		<a href="/" style="color:#4CAF50;text-decoration:none;font-weight:600">← Return to TaskList</a>
+	</div>
 </body>
 </html>
