From 337bdb1a1d5644c22b888e050b3149ea45e47b04 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marvin=20Krau=C3=9Fer?= <koro.no.omo@gmail.com>
Date: Wed, 6 May 2026 17:30:21 +0200
Subject: [PATCH] changed response block design

---
 website/src/Bird_CNN.css | 2 +-
 website/src/Bird_CNN.jsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/src/Bird_CNN.css b/website/src/Bird_CNN.css
index 83f52d6..edf823a 100644
--- a/website/src/Bird_CNN.css
+++ b/website/src/Bird_CNN.css
@@ -193,7 +193,7 @@ a:hover {
     margin: 40px 40px 100px 40px;
     display: flex;
     flex-direction: column;
-    align-items: flex-start;
+    align-items: center;
     justify-content: center;
     gap: 40px;
 }
diff --git a/website/src/Bird_CNN.jsx b/website/src/Bird_CNN.jsx
index e0d234b..d5ff68c 100644
--- a/website/src/Bird_CNN.jsx
+++ b/website/src/Bird_CNN.jsx
@@ -127,11 +127,11 @@ function Bird_CNN() {
                         <div className='response-block'>
                             <div className='content-block class'>
                                 <h3 className='conten-block-text'>Bird Species: </h3>
-                                <p id='bird-class-text' className='conten-block-text'>{birdClass}</p>
+                                {birdClass && <p id='bird-class-text' className='conten-block-text'>{birdClass}</p>}
                             </div>
                             <div className='content-block confidence'>
                                 <h4 className='conten-block-text'>Model Confidence: </h4>
-                                <p id='bird-confidence-text' className='conten-block-text'>{confidence}</p>
+                                {confidence && <p id='bird-confidence-text' className='conten-block-text'>{confidence}</p>}
                             </div>
                             {error && <h4 className='conten-block-text'>An Error has uccured. Please try again later.</h4>}
                         </div>