From e7eeb45db13e35b92223cc9f3f2ca6f3146c31b7 Mon Sep 17 00:00:00 2001 From: jon ander Date: Tue, 29 Apr 2025 20:02:57 +0200 Subject: [PATCH] Add search form and filter options to list.html; enhance table styling in table_style.css --- src/main/resources/static/css/table_style.css | 20 +++++++---- src/main/resources/templates/list.html | 33 ++++++++++++++----- 2 files changed, 38 insertions(+), 15 deletions(-) diff --git a/src/main/resources/static/css/table_style.css b/src/main/resources/static/css/table_style.css index 684074d..3206c60 100644 --- a/src/main/resources/static/css/table_style.css +++ b/src/main/resources/static/css/table_style.css @@ -17,7 +17,9 @@ body { flex-direction: column; align-items: center; } - +tr{ + text-align: left; +} tbody tr:hover { background-color: rgba(255, 255, 255, 0.3); } @@ -42,6 +44,7 @@ td { table { border-collapse: collapse; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); + width: 100%; } .table-container { @@ -50,16 +53,19 @@ table { border-radius: 10px; margin-bottom: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - + min-width: 500px; } .table1 thead { position: sticky; - top: 0%; + top: 0; } .celda-acciones { - display: flex; + display: flex ; + flex-direction: row; + width: 100%; + justify-content: space-evenly; } .celda-acciones button { @@ -68,7 +74,7 @@ table { border-radius: 4px; cursor: pointer; padding: 5px; - margin: 1px auto; + margin: 1px 0; } .celda-acciones button:hover { @@ -78,11 +84,11 @@ table { .botones { display: flex; flex-direction: row; + justify-content: space-evenly; width: 100%; - gap: 10px; } a{ - width: 100%; + width: 220px; } .botones button { margin: 10px 0; diff --git a/src/main/resources/templates/list.html b/src/main/resources/templates/list.html index 88b77b0..b3f15eb 100644 --- a/src/main/resources/templates/list.html +++ b/src/main/resources/templates/list.html @@ -7,6 +7,21 @@

+ + +
+ + +
+ + +
@@ -17,14 +32,16 @@ -
- -
- - -
+ 		+
+ +
+ + +
+