From 83ac9e687c38eb5c6478d0c93bf58586681e95b5 Mon Sep 17 00:00:00 2001 From: Charles Danesi Date: Tue, 7 Sep 2021 18:23:22 -0400 Subject: [PATCH] bugfixes fixed right margin on bottom buttons changed font size and padding on all buttons to make them look nicer added coloring on 'view contract' and 'issue for evaluation' buttons fixed spacing between overlapping buttons on search page --- style.css | 36 +++++++++++++++++++++++++++++++++--- 1 file changed, 33 insertions(+), 3 deletions(-) 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;