diff --git a/src/components/Action/actionBegin.scss b/src/components/Action/actionBegin.scss index b2d567a8f6dfaed45a86bf428f916b2f3bcd3fcc..119c134a0ded00d70b68c8616440a315ce702da2 100644 --- a/src/components/Action/actionBegin.scss +++ b/src/components/Action/actionBegin.scss @@ -13,7 +13,7 @@ align-items: center; justify-content: space-around; box-sizing: border-box; - margin: 8rem 1rem 0 1rem; + margin: 7rem 1rem 0 1rem; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55); border-radius: 4px; transition: all 300ms ease; diff --git a/src/components/Connection/ConnectionFormLogin.tsx b/src/components/Connection/ConnectionFormLogin.tsx index 8fe6a33cf0f8eb750068ee0e552a7cf258e274f3..00653773152bf85efd85f03b666ce1742d0a4429 100644 --- a/src/components/Connection/ConnectionFormLogin.tsx +++ b/src/components/Connection/ConnectionFormLogin.tsx @@ -173,7 +173,7 @@ const ConnectionFormLogin: React.FC<ConnectionFormLoginProps> = ({ <div className="form-group"> <input id={'idFieldLogin' + fluidName} - type="text" + type="number" className={ error === '' ? 'form-control form-input' @@ -186,6 +186,8 @@ const ConnectionFormLogin: React.FC<ConnectionFormLoginProps> = ({ changeLogin(e.target.value) } value={login} + pattern="[0-9]*" + inputMode="numeric" ></input> </div> <div className="form-group"> diff --git a/src/components/Duel/duelOngoing.scss b/src/components/Duel/duelOngoing.scss index 68bfc1ea9022d0ceedf03afd3ce8e91ece63b244..5ac9623f753e25d3962a885299f3843bb43411cf 100644 --- a/src/components/Duel/duelOngoing.scss +++ b/src/components/Duel/duelOngoing.scss @@ -1,4 +1,5 @@ @import '../../styles/base/color'; +@import '../../styles/base/breakpoint'; .duel-ongoing-container { display: flex; @@ -18,6 +19,9 @@ .duel-consumption { color: $grey-bright; margin: 1rem auto; + @media (max-width: $width-phone) { + margin: 0.5rem auto -0.5rem; + } .consumption { color: $gold-light; }