From 5d95fa707c8979abd8abe4c321e41698fd4a9488 Mon Sep 17 00:00:00 2001
From: Mateus Vieira <68292695+mateusvrs@users.noreply.github.com>
Date: Wed, 21 Feb 2024 10:21:53 -0300
Subject: [PATCH] =?UTF-8?q?fix(front/home):=20deixa=20tamanho=20dos=20?=
 =?UTF-8?q?=C3=ADcones=20imut=C3=A1veis=20da=20aplica=C3=A7=C3=A3o,=20sem?=
 =?UTF-8?q?=20despadroniza=C3=A7=C3=A3o=20(#208)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(front/home): size of trash icon immutable

* fix(front/popup): size of down arrow immutable
---
 .../AsideSchedulePopUp/DisciplineFragment.tsx         | 11 ++++++++---
 web/app/components/DisciplineBox.tsx                  |  8 ++++----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/web/app/components/AsideSchedulePopUp/DisciplineFragment.tsx b/web/app/components/AsideSchedulePopUp/DisciplineFragment.tsx
index 9478c92..71f9abb 100644
--- a/web/app/components/AsideSchedulePopUp/DisciplineFragment.tsx
+++ b/web/app/components/AsideSchedulePopUp/DisciplineFragment.tsx
@@ -27,10 +27,15 @@ function DisciplineFragmentJSX({ handleDisciplineToggle, ...props }: {
         <Fragment>
             <button
                 onClick={() => handleDisciplineToggle(index)}
-                className='flex items-center gap-3'
+                className='flex items-center gap-3 relative'
             >
-                <Image src={discipline.expanded ? expand_more : expand_less} alt="expand icon" />
-                <span className='font-semibold'>{discipline.name} - {discipline.code}</span>
+                <Image
+                    className='absolute left-0'
+                    height={24} width={24}
+                    src={discipline.expanded ? expand_more : expand_less} alt="expand icon" />
+                <span className='font-semibold text-left pl-6'>
+                    {discipline.name} - {discipline.code}
+                </span>
             </button>
             {discipline.expanded &&
                 <div className='flex flex-col gap-2'>
diff --git a/web/app/components/DisciplineBox.tsx b/web/app/components/DisciplineBox.tsx
index c5c73d6..19f01cf 100644
--- a/web/app/components/DisciplineBox.tsx
+++ b/web/app/components/DisciplineBox.tsx
@@ -32,15 +32,15 @@ export default function DisciplineBox({ currentClass, discipline }: DisciplineBo
     }
 
     return (
-        <span className='flex justify-between rounded-lg w-10/12 py-2 px-4 shadow-lg bg-snow-primary'>
+        <span className='relative flex justify-between rounded-lg w-10/12 py-2 pl-4 pr-8 shadow-lg bg-snow-primary'>
             <div>
                 <section>
-                    <span className='font-semibold'>Disciplina: </span> {discipline.name} - {discipline.code}
+                    <span className='font-semibold'>Código: </span> {discipline.code}
                 </section>
                 <ClassInfo currentClass={currentClass} />
             </div>
-            <button onClick={handleDeleteClass}>
-                <Image src={deleteIcon} alt="deletar" />
+            <button onClick={handleDeleteClass} className='absolute right-1 top-0 bottom-0 my-auto'>
+                <Image height={24} width={24} src={deleteIcon} alt="deletar" />
             </button>
         </span>
     );