From be0dfab10de287e55813dac8e788f697d6874574 Mon Sep 17 00:00:00 2001
From: Adam Laki <info@adamlaki.com>
Date: Sun, 18 Feb 2024 13:55:58 +0100
Subject: [PATCH] Add table vertical-align helper

---
 src/_includes/layout/item-view.html  | 2 +-
 src/scss/helper/_vertical-align.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 src/scss/helper/_vertical-align.scss

diff --git a/src/_includes/layout/item-view.html b/src/_includes/layout/item-view.html
index 91defac..d6e118c 100644
--- a/src/_includes/layout/item-view.html
+++ b/src/_includes/layout/item-view.html
@@ -59,7 +59,7 @@
                                                 <th>Description</th>
                                                 <td>LuminoTech LED Desk Lamp provides bright and energy-efficient lighting for your workspace.</td>
                                             </tr>
-                                            <tr>
+                                            <tr class="vertical-align:top">
                                                 <th>Product Image</th>
                                                 <td>
                                                     <img src="https://picsum.photos/250/250?random=1" alt="Product Image" style="max-inline-size: 15rem;">
diff --git a/src/scss/helper/_vertical-align.scss b/src/scss/helper/_vertical-align.scss
new file mode 100644
index 0000000..dd84666
--- /dev/null
+++ b/src/scss/helper/_vertical-align.scss
@@ -0,0 +1,5 @@
+@use 'sprucecss/scss/spruce' as *;
+
+.vertical-align\:top {
+  vertical-align: top !important;
+}