diff --git a/WEB/deposerTrajet/depotTrajet.css b/WEB/deposerTrajet/depotTrajet.css index cfd8341..8d7babf 100644 --- a/WEB/deposerTrajet/depotTrajet.css +++ b/WEB/deposerTrajet/depotTrajet.css @@ -4,6 +4,19 @@ margin: 0; } +body{ + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: center; + align-items: center; +} + +h1{ + font-size: 2em; + text-align: center; + margin-bottom: 3em; +} .villeSelect, .villeText{ box-sizing: border-box; @@ -20,12 +33,22 @@ width: 33%; } -body{ +#supprimerEtape{ + display: none; +} + +#boutonEtape{ + margin-top: 1.5em; display: flex; flex-wrap: wrap; flex-direction: row; - justify-content: center; - align-items: center; + justify-content: space-between; +} + +#submit{ + margin-top: 1em; + margin-left: 50%; + transform: translate(-50%); } #formulaire{ @@ -35,29 +58,12 @@ body{ width: 40%; } -#enregistrer{ - margin-top: 1em; - text-align: center; -} - -h1{ - text-align: center; -} - -form{ - margin-top: 3em; -} - .form{ box-sizing: border-box; width: 55%; margin-bottom: 0.7em; } -#avatar{ - border-style: none; -} - .button{ cursor: pointer; font-weight: bold; @@ -68,22 +74,6 @@ form{ border: none; } -.button:hover{ - background-color: rgb(48, 112, 20); - border-color: rgb(48, 112, 20); -} - -.button:disabled{ - cursor: not-allowed; - background-color: grey; -} - -#submit{ - margin-top: 1em; - margin-left: 50%; - transform: translate(-50%); -} - .line{ display: flex; flex-wrap: wrap; @@ -92,11 +82,8 @@ form{ width: 100%; } -#error{ - margin-bottom: 1em; -} - .error{ + margin-top: 1em; color: red; text-align: center; } @@ -107,25 +94,3 @@ form{ width: 45%; min-width: 8em; } - -h1{ - font-size: 2em; -} - -button{ - color: forestgreen; - border-color: forestgreen; - border-radius: 5em; -} - -#supprimerEtape{ - display: none; -} - -#boutonEtape{ - margin-top: 1.5em; - display: flex; - flex-wrap: nowrap; - flex-direction: row; - justify-content: space-between; -}