diff --git a/style.css b/style.css index 980e819..0df096c 100644 --- a/style.css +++ b/style.css @@ -25,6 +25,8 @@ --black: #000; } +/* General Styles */ + /* Buttons */ input[type="button"] { @@ -34,6 +36,7 @@ input[type="button"] { border-radius: 5px; padding: 0.55em 1.25em; text-decoration: none; + font-size: 0.9em; cursor: pointer; border: none; transition: color 250ms ease-in, background-color 250ms ease-in; @@ -45,6 +48,7 @@ input[type="button"]:hover { input[type="button"]:disabled { opacity: 0.3; + cursor: default; } input[name="btnCancel"] + input[name="btnSave"] { @@ -58,7 +62,7 @@ input[name="btnCancel"] { color: var(--white); position: fixed; bottom: 20px; - right: 100px; + right: 90px; } input[id="btnSubmitForApproval"]:hover { @@ -69,7 +73,7 @@ input[id="btnSubmitForApproval"]:hover { input[value="Mark Complete"]:hover { background-color: var(--green); color: var(--darkgray); - font-weight: bolder; + /*font-weight: bolder;*/ } input[name="btnParts"] { @@ -77,15 +81,41 @@ input[name="btnParts"] { padding: 0 1em; } +input[name="btnIssue4Eval"] { + background-color: var(--darkgreen); + color: var(--lightgray); +} + +input[name="btnContract"] { + padding: .3em 0; + background-color: var(--green); + color: var(--darkgray); +} + input[name="btnExpandRepairHistory"] { padding: 0.25em 0; - /* margin: 0; */ } input[name="btnRepairCodes"] { padding: 0.5em 0; + font-size: 1em; } +input[value="Exit"] { + margin-right: 8px; +} + +input[value="View Repair"] { + margin-bottom: 2px; +} + +input[value="View Repair"], +input[value="Remove Repair"] { + padding: 4px 0; +} + +/* Images */ + img[id="Img1"], img[id="Img2"] { position: absolute;