From d521142f3e0a0d17d2f749286c66b59023f002f4 Mon Sep 17 00:00:00 2001
From: Tim <47184194+imgde@users.noreply.github.com>
Date: Wed, 18 Jun 2025 12:46:39 +0200
Subject: [PATCH] Fix Product Page Scrollbar

---
 00-backend/datasource/database.sqlite         | Bin 27684864 -> 27684864 bytes
 .../public/locales/en/translation.json        |   2 +-
 .../src/helper/adminpanel/OrdersInfo.tsx      |   2 +-
 .../src/helper/productpage/RatingCard.tsx     |   1 +
 01-frontend/src/pages/Product.tsx             |   7 +++++--
 5 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/00-backend/datasource/database.sqlite b/00-backend/datasource/database.sqlite
index 67f011f9f3815ddd7f4ee3204e3a1c656abec6a1..e87b521a2a3613fd9c02e7ac8ccf560de096b174 100644
GIT binary patch
delta 3286
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
JODeI#{0B(hH7@`F

delta 1933
zcmW;MWmpzw6oBD<DxxTS78a=30d^O52dD_PprRsSVHYMU3fN-jf~9j^uDjbM>+VkX
zJo|A!*ZcdN>%4hoCE<A}jtZ3Ri5?UvyO4UWUqnbS{;J^RU}-QuxGI=_v2ki#a9?~v
zVsxWGAT}g4EGZ*9CM7K^D`shKMowmK;Lyyd$imH~3HhZ70hB{|R6qzSA{3QS8DXe`
zst88}f~bb-sDYZOg-Fy!9n?iV)JGJe(Ett62r+1kCTNOgXpR<WiB@QhHi$(W+M*rW
zqXRmk6FQ>{x}qDpqX&AT7kZ-)`XV0v&>sUZ5Q8unLogJ>FdQQ=5~DC0V=xxZE)nA}
z9uts+iAY8YCSfwBU@E3zI%Z%dQjvyPn2k9|$6U<Ad}Lq&GLeOB<X|BdVKJ6qDRQw4
z%drA0u?nlP25Yen>#+fO*oaNoj4jxTZOF%V?7&VGU>A0y5Jf1)9_+<F?8gBd#339;
z369_>j^Q{?;3Q7rG|u2G&fz?+#x=MW*P#^G;|AP_n{YF3!3Erki?|K9;||=3yKpz|
z!M(T-_u~Ov!h?7S591L$ipTIcp1_lM3Qyx1Jd5Y>JYK+ycnL4#6}*bq@H*bWo4Aa(
z@HXDTyLb=pqYNM5Lwtmf@d-Y~XZRdn;7fdkukj7O#dr7~Kj26FgrD&Xe#LM29e?0Y
z{Dr^q5B|lK0&c$urkp8nDwq&c(S({xrm_h$RZLYAZX!(3R5R604O7$9GLfdXsblJz
zdZxaKGSQ}iX=oam7}MA^F-=V~)7-Q$Eln%a+O#pTCeE}q?M!>q!E`j8OlQ-@bT!>f
zchkf4G`&o3)5r8R@ur{YZw8owW{??dhM1vdm>F(Hn2~0b8EwXxvF86(B>Ea>#+wNy
z$xJlKCdEuLlg$(})l4(f%?vZsq?$A{%gi=&OuCtC=9&2>!z?hFCd*`-9JA0YGK<X;
zv()68WoEfqVOE+|X0=&k)|z!@z1d*$%to`xY&KiWR<q6Io9$+Y*=Y*QF0<Pdnj%wd
w_L#k9pV@B?n1kk!Ic!SI5p&cWGsn#dbJCnLr_C92)|@lv1DE)u0?9G|0i5JcAOHXW

diff --git a/01-frontend/public/locales/en/translation.json b/01-frontend/public/locales/en/translation.json
index 127eee2..65a0cbd 100644
--- a/01-frontend/public/locales/en/translation.json
+++ b/01-frontend/public/locales/en/translation.json
@@ -69,7 +69,7 @@
   "previousOrder": "Previous order",
   "price": "Price",
   "pricePerItem": "Price per item",
-  "productDoesNotExist": "It seems you are locking for a product that doesn't exist or has been removed.",
+  "productDoesNotExist": "It seems you are looking for a product that doesn't exist or has been removed.",
   "productNotFound": "Product not found!",
   "quantity": "Quantity",
   "rateThisProduct": "Rate this product",
diff --git a/01-frontend/src/helper/adminpanel/OrdersInfo.tsx b/01-frontend/src/helper/adminpanel/OrdersInfo.tsx
index 7ea79da..bf95f06 100644
--- a/01-frontend/src/helper/adminpanel/OrdersInfo.tsx
+++ b/01-frontend/src/helper/adminpanel/OrdersInfo.tsx
@@ -79,7 +79,7 @@ const Column: React.FC<PropsWithChildren<{ status: OrderStatusEnum; onDrop: (id:
     }));
 
     return (
-        <div ref={drop} style={{ flex: 1, backgroundColor: isOver ? theme.palette.background.paper : 'transparent', padding: 3, minHeight: 200 }}>
+        <div ref={drop} style={{ flex: 1, backgroundColor: isOver ? theme.palette.background.paper : 'transparent', padding: 1, minHeight: 200 }}>
             <Card>
                 <CardContent>
                     <Typography variant="h6">{t(status)}</Typography>
diff --git a/01-frontend/src/helper/productpage/RatingCard.tsx b/01-frontend/src/helper/productpage/RatingCard.tsx
index 99a5207..516b1f9 100644
--- a/01-frontend/src/helper/productpage/RatingCard.tsx
+++ b/01-frontend/src/helper/productpage/RatingCard.tsx
@@ -23,6 +23,7 @@ export default function RatingCard(ratingType: RatingType) {
             sx={{
                 backgroundColor: theme.palette.background.paper,
                 color: theme.palette.text.primary,
+                mb: 3
             }}
         >
             <Card
diff --git a/01-frontend/src/pages/Product.tsx b/01-frontend/src/pages/Product.tsx
index 808d5b5..36fcf63 100644
--- a/01-frontend/src/pages/Product.tsx
+++ b/01-frontend/src/pages/Product.tsx
@@ -37,6 +37,7 @@ export default function Product() {
                     backgroundColor: theme.palette.background.default,
                     color: theme.palette.text.primary,
                     gap: '2rem',
+                    overflow: 'auto',
                     px: 2,
                 }}
             >
@@ -63,8 +64,10 @@ export default function Product() {
             sx={{
                 backgroundColor: theme.palette.background.default,
                 color: theme.palette.text.primary,
-                minHeight: '100vh',
-                py: 4,
+                height: '100vh',
+                overflow: 'auto',
+                pt: 4,
+                pb: 10,
             }}
         >
             <Container maxWidth="lg">