From 44f7929f4e8501b02b46e48a2d8dce8717fb0c59 Mon Sep 17 00:00:00 2001
From: Daniel <danielglezalbo@gmail.com>
Date: Thu, 19 Dec 2024 02:55:02 +0100
Subject: [PATCH] FIX: responsiveness

---
 webapp/src/AppComponents/DeleteWorkbookDialog.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/src/AppComponents/DeleteWorkbookDialog.tsx b/webapp/src/AppComponents/DeleteWorkbookDialog.tsx
index 6b65fcb..d61a685 100644
--- a/webapp/src/AppComponents/DeleteWorkbookDialog.tsx
+++ b/webapp/src/AppComponents/DeleteWorkbookDialog.tsx
@@ -71,8 +71,8 @@ const DialogWrapper = styled.div`
   padding: 12px;
   border-radius: 8px;
   box-shadow: 0px 1px 3px 0px ${theme.palette.common.black}1A;
-  max-width: 280px;
-  width: 100%;
+  width: 280px;
+  max-width: calc(100% - 40px);
   z-index: 50;
   font-family: "Inter", sans-serif;
 `;
@@ -130,13 +130,13 @@ const Button = styled.button`
   background-color: ${theme.palette.primary.main};
   padding: 0px 10px;
   height: 36px;
-  line-height: 36px;
   border-radius: 4px;
   border: none;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
+  text-overflow: ellipsis;
   transition: background-color 150ms;
   &:hover {
     background-color: ${theme.palette.primary.dark};
@@ -147,7 +147,7 @@ const DeleteButton = styled(Button)`
   background-color: ${theme.palette.error.main};
   color: ${theme.palette.common.white};
   &:hover {
-    background-color: ${theme.palette.primary.dark};
+    background-color: ${theme.palette.error.dark};
   }
 `;