removed duplicate signin button on new appeal

components/header.js

@@ -44,6 +44,7 @@ const Header = (props) => {
         "/auth/error",
         "/myportal",
         "/myportal/[appealtypes]",
+        "/newappeal/[appealtypes]",
         "/newappeal",
         "/myportal/dnsapplications",
         "/myportal/dnsdetails",

pages/auth/signin.js

@@ -42,15 +42,21 @@ const SignIn = (props) => {
                     <Breadcrumbs />
                     <ServiceBanner noSignin={true} />
                     <main
-                        className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-margin-top-4 wgForm"
+                        className="govuk-main-wrapper govuk-main-wrapper--auto-spacing "
-                        id="main-content"
+                        id="signin"
                         role="main"
                     >
-                        <div className="govuk-grid-row ">
+                        <div className="govuk-grid-row">
-                            <div className="govuk-grid-column-two-thirds ">
+                            <div className="govuk-grid-column-full">
-                                <h1>{t("auth:auth-page-title")} </h1>
+                                <div className="card">
-                            </div>
+                                    <div className="card-body">
-                        </div>
+                                        <div className="govuk-body-m">
+                                            <legend className="govuk-fieldset__legend govuk-fieldset__legend--l">
+                                                <h1 className="govuk-fieldset__heading govuk-heading-m">
+                                                    {t("auth:auth-page-title")}{" "}
+                                                </h1>
+                                            </legend>
+
                                             <div className="govuk-grid-row">
                                                 <div className="govuk-grid-column-two-thirds ">
                                                     <form
@@ -58,25 +64,35 @@ const SignIn = (props) => {
                                                         action="/api/auth/signin/email"
                                                         onSubmit={handleSubmit}
                                                     >
-                                    <div className={"govuk-form-group "}>
+                                                        <div
+                                                            className={
+                                                                "govuk-form-group "
+                                                            }
+                                                        >
                                                             <input
                                                                 className="govuk-input"
                                                                 name="csrfToken"
                                                                 type="hidden"
-                                            defaultValue={csrfToken}
+                                                                defaultValue={
+                                                                    csrfToken
+                                                                }
                                                             />
                                                             <input
                                                                 className="govuk-input"
                                                                 name="callbackUrl"
                                                                 type="hidden"
-                                            defaultValue={callbackUrl}
+                                                                defaultValue={
+                                                                    callbackUrl
+                                                                }
                                                             />
 
                                                             <label
                                                                 className="govuk-label"
                                                                 htmlFor="email"
                                                             >
-                                            {t("auth:auth-email-label")}
+                                                                {t(
+                                                                    "auth:auth-email-label"
+                                                                )}
                                                             </label>
 
                                                             <input
@@ -90,14 +106,23 @@ const SignIn = (props) => {
                                                             <button
                                                                 type="submit"
                                                                 className="govuk-button"
-                                            disabled={buttonDisabled}
+                                                                disabled={
+                                                                    buttonDisabled
+                                                                }
                                                             >
-                                            {t("auth:auth-signin-button-label")}
+                                                                {t(
+                                                                    "auth:auth-signin-button-label"
+                                                                )}
                                                             </button>
                                                         </div>
                                                     </form>
                                                 </div>
                                             </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
                     </main>
                 </div>
                 <Footer footerLinks={footerLinks} ticketnumber={props} />

pages/index.js

@@ -128,7 +128,7 @@ const Home = (props) => {
                         </div>
                     ) : (
                         <>
-                            <ServiceBanner />
+                            <ServiceBanner noSignin={true} />
                             <Main
                                 pages={pages}
                                 showLogin={showLogin}

styles/sass/welshgov/_application.scss

@@ -293,7 +293,7 @@ a.longLinkBreak {
             padding-right: 10px;
         }
 
-        @media screen and (max-width: 360px) {
+        @media screen and (max-width: 670px) {
             flex-direction: column-reverse;
             align-items: flex-start;
 
@@ -316,13 +316,13 @@ a.longLinkBreak {
         display: flex;
         justify-content: space-between;
 
-        @media screen and (max-width: 430px) {
+        @media screen and (max-width: 670px) {
             flex-direction: column;
         }
 
         h1 {
             img {
-                @media screen and (max-width: 414px) {
+                @media screen and (max-width: 670px) {
                     padding-bottom: 20px;
                 }
             }
@@ -344,6 +344,10 @@ a.longLinkBreak {
                 @media screen and (max-width: 414px) {
                     max-width: 41%;
                 }
+
+                @media screen and (max-width: 360px) {
+                    max-width: 50%;
+                }
             }
 
 
@@ -376,6 +380,7 @@ a.longLinkBreak {
 }
 
 
+
 .wgForm {
     background: $lightgrey_offwhite;
     padding: 20px;
@@ -453,6 +458,18 @@ a.longLinkBreak {
 
 }
 
+#signin.wgForm {
+
+
+    @media screen and (min-width: 1024px) {
+
+        padding: 40px;
+        width: 100%;
+        margin-left: 0px;
+
+    }
+}
+
 .newAppealForm {
     background: $lightgrey_offwhite;
     padding: 20px;