From 143dc31c0e4a9293d04336e4d5fae0bb697d5554 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Fri, 19 Jul 2024 23:52:56 +0200
Subject: [PATCH] feat: styling cage selector

---
 src/assets/css/style.css | 9 +++++++++
 src/index.html           | 6 +++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index e5e9550..f0358df 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -152,6 +152,15 @@ label {
     cursor: pointer;
 }
 
+.card-photo label {
+    color: var(--text-one);
+    padding: 10px;
+}
+
+.measurement {
+    width: 100px;
+}
+
 .cage-selector {
     display: flex;
     flex-wrap: wrap;
diff --git a/src/index.html b/src/index.html
index f327098..15db55e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -46,8 +46,9 @@
 
             <div class="card">
                 <div class="card-photo">
-                    <input type="checkbox" id="tiaki"/>
-                    <form class="form-measurements">
+
+                    <label for="form-cage-measurements">Käfigmaße</label>
+                    <form id="form-cage-measurements" class="form-measurements">
                         <div class="input-measurement">
                             <label for="width">Breite</label>
                             <input class="measurement" type="number" id="width">
@@ -62,7 +63,6 @@
                         </div>
                     </form>
                 </div>
-                <label>Käfigmaße</label>
             </div>
 
         </div>