From 26f175a2959a46e9b047bd8057940e5f1d064dad Mon Sep 17 00:00:00 2001
From: Pablo Martin <pablo.martin@superhog.com>
Date: Thu, 22 May 2025 18:28:42 +0200
Subject: [PATCH] moar style

---
 src/App.jsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index c6cf9a0..cd11de0 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -17,12 +17,12 @@ const App = () => {
           <div className="flex">
             <label className="my-1" htmlFor="">
               Capital prestado
-              <input
-                className="ml-3 bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
-                placeholder="Introduce cuánto te prestan"
-              />
             </label>
-            <div className="w-[80px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
+            <input
+              className="ml-3 w-[120px] w-min-0 bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
+              placeholder="Introduce cuánto te prestan..."
+            />
+            <div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
               €
             </div>
           </div>
@@ -30,11 +30,11 @@ const App = () => {
             <label className="my-1" htmlFor="">
               Duración
               <input
-                className="ml-3 bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
+                className="ml-3 w-[60px] bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
                 defaultValue={12}
               />
             </label>
-            <div className="w-[80px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
+            <div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
               Meses
             </div>
           </div>
@@ -42,11 +42,11 @@ const App = () => {
             <label className="my-1" htmlFor="">
               Interés (TIN)
               <input
-                className="ml-3 bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
+                className="ml-3 w-[60px] bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
                 defaultValue={5}
               />
             </label>
-            <div className="w-[80px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
+            <div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
               %
             </div>
           </div>