From 40e08f8f053674018d0bbe06acef1b4f06b4dcd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marina=20L=C3=B3pez?= <marina.lopez.yap@gmail.com>
Date: Wed, 30 Oct 2024 12:05:06 +0100
Subject: [PATCH] fix: styles rename layers

---
 .../src/app/app.component.css                  | 18 ++++++++++++------
 .../src/app/app.component.html                 |  2 +-
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/apps/rename-layers-plugin/src/app/app.component.css b/apps/rename-layers-plugin/src/app/app.component.css
index 4cd4e35..869adca 100644
--- a/apps/rename-layers-plugin/src/app/app.component.css
+++ b/apps/rename-layers-plugin/src/app/app.component.css
@@ -1,3 +1,9 @@
+.wrapper {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
 .nav-tabs {
   background-color: var(--background-secondary);
   border-radius: var(--spacing-8);
@@ -23,6 +29,9 @@
   margin-block-end: var(--spacing-8);
 }
 .form {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
   padding-block-start: var(--spacing-8);
 }
 
@@ -59,15 +68,12 @@ button {
 .preview-list {
   background-color: var(--background-tertiary);
   border-radius: var(--spacing-8);
-  font-size: var(--font-size-xs);
+  block-size: 1px;
+  font-size: var(--font-size-s);
   margin-block-start: var(--spacing-8);
-  block-size: 215px;
   overflow: auto;
   padding: var(--spacing-8);
-
-  &.replace {
-    block-size: 175px;
-  }
+  flex-grow: 1;
 
   & .preview-item {
     align-items: center;
diff --git a/apps/rename-layers-plugin/src/app/app.component.html b/apps/rename-layers-plugin/src/app/app.component.html
index fa090dd..3eb9d31 100644
--- a/apps/rename-layers-plugin/src/app/app.component.html
+++ b/apps/rename-layers-plugin/src/app/app.component.html
@@ -16,7 +16,7 @@
   </svg>
 </ng-template>
 
-<div>
+<div class="wrapper">
   <div role="tablist" class="nav-tabs">
     <button
       (click)="selectTab('add')"