From 9db6f027012439bc9db2871723ae91727d33a3bc Mon Sep 17 00:00:00 2001
From: Nicolas Gasco <73175085+nicolasgasco@users.noreply.github.com>
Date: Sat, 8 Mar 2025 09:59:31 +0100
Subject: [PATCH] feat(examples/tuono-tutorial): improve styles of
 `PokemonView` component  (#628)

Co-authored-by: Marco Pasqualetti <marco.pasqualetti@live.com>
---
 .../src/components/PokemonView.module.css              | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/examples/tuono-tutorial/src/components/PokemonView.module.css b/examples/tuono-tutorial/src/components/PokemonView.module.css
index 504c93f3..98c12f99 100644
--- a/examples/tuono-tutorial/src/components/PokemonView.module.css
+++ b/examples/tuono-tutorial/src/components/PokemonView.module.css
@@ -2,6 +2,10 @@
   display: flex;
   justify-content: space-between;
   margin-top: 20px;
+  border-radius: 18px;
+  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
+  padding: 16px 32px;
+  background: white;
 }
 
 .name {
@@ -10,13 +14,17 @@
 }
 
 .pokemon img {
-  width: 400px;
+  width: 250px;
 }
 
 .spec {
   display: flex;
   font-size: 18px;
   margin-top: 10px;
+
+  > dt {
+    margin-right: 6px;
+  }
 }
 
 .label {