From 6f4c232b623700c106af265d9ba10d53bb3f6043 Mon Sep 17 00:00:00 2001
From: MAX-786 <hussainmohammad328@gmail.com>
Date: Tue, 18 Jun 2024 19:13:00 +0530
Subject: [PATCH 1/2] fix responsiveness of Login Page

---
 .../src/customizations/components/theme/Login/Login.jsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/volto-hydra/src/customizations/components/theme/Login/Login.jsx b/packages/volto-hydra/src/customizations/components/theme/Login/Login.jsx
index 74b7cab..69f2d8b 100644
--- a/packages/volto-hydra/src/customizations/components/theme/Login/Login.jsx
+++ b/packages/volto-hydra/src/customizations/components/theme/Login/Login.jsx
@@ -180,7 +180,7 @@ const Login = (props) => {
           </Grid.Column>
         </Grid>
         <Grid centered>
-          <Grid.Column width={4}>
+          <Grid.Column largeScreen={4} computer={4} tablet={6} mobile={16}>
             <Form method="post" onSubmit={onLogin}>
               <Segment.Group raised>
                 <Segment className="primary">

From 9d61f0a0f3b37ffa9eaba6b7823e0ad01f3e8d3d Mon Sep 17 00:00:00 2001
From: MAX-786 <hussainmohammad328@gmail.com>
Date: Tue, 18 Jun 2024 20:36:11 +0530
Subject: [PATCH 2/2] minor fix iframe border style

---
 packages/volto-hydra/src/components/Iframe/styles.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/volto-hydra/src/components/Iframe/styles.css b/packages/volto-hydra/src/components/Iframe/styles.css
index 0656cb8..ae39e71 100644
--- a/packages/volto-hydra/src/components/Iframe/styles.css
+++ b/packages/volto-hydra/src/components/Iframe/styles.css
@@ -1,7 +1,7 @@
 #iframeContainer {
   position: relative;
   width: 100%;
-  height: calc(100vh - 95px);
+  height: calc(100vh - 87px);
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -12,6 +12,7 @@
   display: flex;
   width: 50%;
   margin: 10px auto;
+  justify-content: center;
 }
 .iframe-input-field {
   flex: 1;
@@ -33,7 +34,7 @@
 }
 
 #previewIframe {
-  width: calc(100% - 32px);
+  width: 100%;
   height: 100vh;
   border: none;
 }