Merge branch 'fix/issues-design' into 'dev'

Fix/issues design

See merge request web-et-numerique/llle_project/ecolyo!376

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;

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">

src/components/Duel/duelOngoing.scss

 @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;
   }