Prettify forms with CSS

database/db.sql

@@ -33,8 +33,8 @@ CREATE TABLE IF NOT EXISTS usuario(
        rol INT NOT NULL,
        especialidad VARCHAR(50),
        correo VARCHAR(100) NOT NULL,
-       fecha_alta DATE NOT NULL,
-       fecha_baja DATE,
+       fecha_alta TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+       fecha_baja TIMESTAMP,
        FOREIGN KEY (rol)
        REFERENCES rol(codigo)
 );

html/static/style.css

@@ -0,0 +1,81 @@
+* {
+    font-family: Roboto, Mono;
+    font-size: 14px;
+}
+
+table{
+    width: 50%;
+    margin: 30px auto;
+    border-collapse: collapse;
+    text-align: left;
+}
+tr {
+    border-bottom: 1px solid #cbcbcb;
+}
+th, td{
+    border: none;
+    height: 30px;
+    padding: 2px;
+}
+tr:hover {
+    background: #F5F5F5;
+}
+
+form {
+    width: 45%;
+    margin: 50px auto;
+    text-align: left;
+    padding: 20px; 
+    border: 1px solid #bbbbbb; 
+    border-radius: 5px;
+}
+
+.input-group {
+    margin: 10px 0px 10px 0px;
+}
+.input-group label {
+    display: block;
+    text-align: left;
+    margin: 3px;
+}
+.input-group input {
+    height: 30px;
+    width: 93%;
+    padding: 5px 10px;
+    font-size: 16px;
+    border-radius: 5px;
+    border: 1px solid gray;
+}
+.btn {
+    padding: 10px;
+    font-size: 15px;
+    color: white;
+    background: #5F9EA0;
+    border: none;
+    border-radius: 5px;
+}
+.edit_btn {
+    text-decoration: none;
+    padding: 2px 5px;
+    background: #2E8B57;
+    color: white;
+    border-radius: 3px;
+}
+
+.del_btn {
+    text-decoration: none;
+    padding: 2px 5px;
+    color: white;
+    border-radius: 3px;
+    background: #800000;
+}
+.msg {
+    margin: 30px auto; 
+    padding: 10px; 
+    border-radius: 5px; 
+    color: #3c763d; 
+    background: #dff0d8; 
+    border: 1px solid #3c763d;
+    width: 50%;
+    text-align: center;
+}

src/database.php

@@ -73,7 +73,7 @@ function deleteHoliday($pdo, str $id) {
 
 function createUser($pdo, $data) {
     $query = "INSERT INTO usuario (nombre, usuario, contraseña, rol, correo) VALUES (? ? ? ? ?)";
-    $pdo->prepare($query)->execute([$data["nombre"], $data["usuario"], $data["contraseña"], $data["rol"], $data[$correo]]);
+    $pdo->prepare($query)->execute([$data["nombre"], $data["usuario"], $data["contraseña"], $data["rol"], $data["correo"]]);
     return "Usuario creado con éxito";
 }
 

static/style.css

@@ -1,4 +0,0 @@
-* {
-    font-family: Roboto, Mono;
-    font-size: 14px;
-}