From bbf30c4350882f105121795a17bf27d0475f0087 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Sun, 13 Apr 2025 17:35:00 +0200
Subject: [PATCH] feat: Use fontawsome icons for measurements

---
 public/index.html | 32 +++++++++++++++++++++++---------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/public/index.html b/public/index.html
index bbf1d7e..e4b5bbf 100644
--- a/public/index.html
+++ b/public/index.html
@@ -64,16 +64,30 @@
                 <h2 class="title is-4"><label data-i18n-key="cage-measurements"
                                               for="form-cage-measurements">Käfigmaße</label></h2>
                 <form id="form-cage-measurements" class="form-measurements">
-                    <div class="input-measurement">
-                        <label for="width" class="label" data-i18n-key="width-cm">Breite (cm)</label>
-                        <input class="input" type="number" id="width">
-                    </div>
-                    <div class="input-measurement">
-                        <label for="depth" class="label" data-i18n-key="depth-cm">Tiefe (cm)</label>
-                        <input class="input" type="number" id="depth">
-                    </div>
+
+                    <label for="width" class="label" data-i18n-key="width-cm">Breite (cm)</label>
+                    <p class="control has-icons-left">
+                        <input class="input" type="number" id="width" placeholder="100 cm">
+                        <span class="icon is-small is-left">
+                              <i class="fas fa-ruler-horizontal"></i>
+                            </span>
+                    </p>
+
+                    <label for="depth" class="label" data-i18n-key="depth-cm">Tiefe (cm)</label>
+                    <p class="control has-icons-left">
+                        <input class="input" type="number" id="depth" placeholder="50 cm">
+                        <span class="icon is-small is-left">
+                              <i class="fas fa-ruler"></i>
+                            </span>
+                    </p>
+
                     <label for="height" class="label" data-i18n-key="height-cm">Höhe (cm)</label>
-                    <input class="input" type="number" id="height">
+                    <p class="control has-icons-left">
+                        <input class="input" type="number" id="height" placeholder="120 cm">
+                        <span class="icon is-small is-left">
+                              <i class="fas fa-ruler-vertical"></i>
+                            </span>
+                    </p>
 
 
                     <div class="columns">