From c5955010cb0d0c630794d15321d9bebb4819fbb1 Mon Sep 17 00:00:00 2001
From: Filip Rojek <filip@filiprojek.cz>
Date: Fri, 3 Jan 2025 16:16:15 +0100
Subject: [PATCH] Edited: vehicle list styled

---
 app/views/vehicles/index.php    | 14 +++++++++-----
 public/css/habits_dashboard.css | 15 ---------------
 public/css/vehicles.css         | 29 +++++++++++++++++++++++++++++
 3 files changed, 38 insertions(+), 20 deletions(-)
 delete mode 100644 public/css/habits_dashboard.css
 create mode 100644 public/css/vehicles.css

diff --git a/app/views/vehicles/index.php b/app/views/vehicles/index.php
index 6326ce3..4501970 100644
--- a/app/views/vehicles/index.php
+++ b/app/views/vehicles/index.php
@@ -3,17 +3,21 @@
     <?php if (empty($this->get('vehicles'))): ?>
         <p>No vehicles yet. <a href="/vehicles/create">Add your first vehicle</a>.</p>
     <?php else: ?>
+        <div class="btn-wrapper">
+            <a href="/vehicles/create" class="btn-green">Add new vehicle!</a>
+        </div>
         <div class="vehicle-wrapper">
         <?php foreach ($this->get('vehicles') as $vehicle): ?>
             <div class="vehicle bordered">
                 <b><?= htmlspecialchars($vehicle['name']) ?></b>
-                <a href="/vehicles/edit?id=<?= $vehicle['id'] ?>">Edit</a> |
-                <a href="/vehicles/delete?id=<?= $vehicle['id'] ?>" onclick="return confirm('Are you sure you want to delete this habit?')">Delete</a>
+                <p><?= htmlspecialchars($vehicle['registration_plate']) ?></p>
+                <p><?= htmlspecialchars($vehicle['note'] ?? "") ?></p>
+                <div class="actions">
+                    <a href="/vehicles/edit?id=<?= $vehicle['id'] ?>">Edit</a>
+                    <a href="/vehicles/delete?id=<?= $vehicle['id'] ?>" onclick="return confirm('Are you sure you want to delete this habit?')">Delete</a>
+                </div>
             </div>
         <?php endforeach; ?>
         </div>
-
-        <br>
-        <a href="/vehicles/create" class="btn-green">Add new vehicle!</a>
     <?php endif; ?>
 </section>
diff --git a/public/css/habits_dashboard.css b/public/css/habits_dashboard.css
deleted file mode 100644
index 9ee54e9..0000000
--- a/public/css/habits_dashboard.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.habits-wrapper {
-  display: flex;
-  gap: 1rem;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-
-.habits .bordered {
-  border-radius: var(--border-radious);
-  border: var(--borderWidth-thin) solid var(--clr-border);
-  width: 17rem;
-  padding: 1rem;
-  margin-top: 1rem;
-  text-align: center;
-}
diff --git a/public/css/vehicles.css b/public/css/vehicles.css
new file mode 100644
index 0000000..c6b6102
--- /dev/null
+++ b/public/css/vehicles.css
@@ -0,0 +1,29 @@
+.vehicle-wrapper {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 1rem;
+	justify-content: center;
+}
+
+.vehicle {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	background-color: var(--clr-secondary);
+	border-radius: var(--border-radious);
+	border: var(--borderWidth-thin) solid var(--clr-border);
+	width: 17rem;
+	padding: 1rem;
+	margin-top: 1rem;
+	text-align: center;
+	min-height: 8rem;
+}
+
+.btn-wrapper {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-bottom: 1rem;
+}