From 48f4af75b210a8979da7570c2f4bd5aeabb8d2dd Mon Sep 17 00:00:00 2001
From: Jon Kafton <939376+jonkafton@users.noreply.github.com>
Date: Fri, 26 Sep 2025 19:25:35 +0200
Subject: [PATCH 1/2] Layout adjustments

---
 .../CertificatePage/CertificatePage.tsx         | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontends/main/src/app-pages/CertificatePage/CertificatePage.tsx b/frontends/main/src/app-pages/CertificatePage/CertificatePage.tsx
index a9a2ae60bf..c0aaf9c25f 100644
--- a/frontends/main/src/app-pages/CertificatePage/CertificatePage.tsx
+++ b/frontends/main/src/app-pages/CertificatePage/CertificatePage.tsx
@@ -48,7 +48,6 @@ const Title = styled(Typography)(({ theme }) => ({
     },
   },
   [theme.breakpoints.down("md")]: {
-    textAlign: "left",
     margin: "24px 0",
     span: {
       fontSize: theme.typography.pxToRem(24),
@@ -68,7 +67,7 @@ const Outer = styled.div(({ theme }) => ({
   maxWidth: "1306px",
   minWidth: "1200px",
   border: `4px solid ${theme.custom.colors.silverGray}`,
-  padding: "24px 23px",
+  padding: "24px",
   backgroundColor: theme.custom.colors.white,
   marginTop: "50px",
   margin: "0 auto",
@@ -79,6 +78,12 @@ const Outer = styled.div(({ theme }) => ({
       maxWidth: "unset",
       minWidth: "unset",
     },
+    [theme.breakpoints.down("md")]: {
+      padding: 0,
+      border: "none",
+      maxWidth: "460px",
+      minWidth: "unset",
+    },
   },
   "@media print": {
     boxSizing: "border-box",
@@ -89,15 +94,15 @@ const Outer = styled.div(({ theme }) => ({
 
 const Inner = styled.div(({ theme }) => ({
   border: `1px solid ${theme.custom.colors.silverGrayLight}`,
-  padding: "67px",
+  padding: "64px",
   display: "flex",
   flexDirection: "column",
-  gap: "56px",
+  gap: "64px",
   position: "relative",
   "@media screen": {
     [theme.breakpoints.down("lg")]: {
       padding: "40px",
-      gap: "40px",
+      // gap: "40px",
     },
     [theme.breakpoints.down("md")]: {
       border: `2px solid ${theme.custom.colors.lightGray2}`,
@@ -310,7 +315,7 @@ const Spacer = styled.div(({ theme }) => ({
 const Signatories = styled.div(({ theme }) => ({
   display: "flex",
   flexDirection: "row",
-  gap: "16px",
+  gap: "40px",
   width: "100%",
   "@media screen": {
     [theme.breakpoints.down("md")]: {

From f5e48bd7d23ee652bdd60104b149f5cf7e49fd73 Mon Sep 17 00:00:00 2001
From: Jon Kafton <939376+jonkafton@users.noreply.github.com>
Date: Fri, 26 Sep 2025 20:22:55 +0200
Subject: [PATCH 2/2] Remove comment

---
 frontends/main/src/app-pages/CertificatePage/CertificatePage.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontends/main/src/app-pages/CertificatePage/CertificatePage.tsx b/frontends/main/src/app-pages/CertificatePage/CertificatePage.tsx
index c0aaf9c25f..08fb3b9dfb 100644
--- a/frontends/main/src/app-pages/CertificatePage/CertificatePage.tsx
+++ b/frontends/main/src/app-pages/CertificatePage/CertificatePage.tsx
@@ -102,7 +102,6 @@ const Inner = styled.div(({ theme }) => ({
   "@media screen": {
     [theme.breakpoints.down("lg")]: {
       padding: "40px",
-      // gap: "40px",
     },
     [theme.breakpoints.down("md")]: {
       border: `2px solid ${theme.custom.colors.lightGray2}`,