diff --git a/src/App.js b/src/App.js index e29d757..d6bff87 100644 --- a/src/App.js +++ b/src/App.js @@ -124,19 +124,16 @@ function App() { <div className="d-flex column justify-content-between align-items-center container"> <div className="d-flex column align-items-center"> <img src={logo} className="logo" alt="InCommon-Logo" /> - {error ? ( + {!error ? ( <> <h1>{error}</h1> <p><a href="https://incommon.org/help/" target="_blank">Click Here</a> for more information.</p> </> ) : ( <div id="login" className="d-flex column align-items-center"> - <div> - <p>You are being asked to login to the following service: {displayName}</p> - <img src={entityLogo} className="entity-logo" alt={`${displayName} Logo`} /> - </div> + <p>You are accessing the following service: <strong>{displayName}</strong></p> <div className="d-flex column align-items-center"> - <p>Please select your home organization using the button below.</p> + <p className="bottom-0">Select your home organization:</p> <a href={`https://service.seamlessaccess.org/ds/?entityID=${entityID}&return=${returnUrl}`} className="d-flex sa-button"> <div className="sa-button-logo-wrap"> <img src="https://service.seamlessaccess.org/sa-white.svg" alt="Seamless Access Logo" className="sa-button-logo"/> @@ -155,7 +152,7 @@ function App() { <a href="https://internet2.edu/community/about-us/policies/privacy/" className="last" target="_blank">Data Privacy</a> <a href="https://incommon.org/help/" className="last" target="_blank">Help</a> </div> - <p className="copyright">© Copyright 2020, InCommon, LLC | incommon.org | InCommon: Identity and Access for Research and Education</p> + <p className="copyright">© Copyright 2024, InCommon, LLC | incommon.org | InCommon: Identity and Access for Research and Education</p> </div> </div> </div> diff --git a/src/assets/stylesheets/App.css b/src/assets/stylesheets/App.css index 243f312..8e37eef 100644 --- a/src/assets/stylesheets/App.css +++ b/src/assets/stylesheets/App.css @@ -297,7 +297,7 @@ header { text-align: center; } -#login p { +.bottom-0 { margin-bottom: 0; }