UMB-CS-682-Team-03 / tracker

0 stars 0 forks source link

Increase visual weight of search/apply buttons compared to reset/cancel buttons. #71

Closed rouilj closed 5 months ago

rouilj commented 5 months ago

The apply button uses bold font. The search button should as well.

Also make the positive (search/apply) buttons stand out more compared to reset/cancel.

image

squinting at the image above neither button stands out.

Compare to:

image

where the search button is more prominent.

classhelper.css changes:

diff --git a/html/classhelper.css b/html/classhelper.css
index a3625658..1f01e0f1 100644
--- a/html/classhelper.css
+++ b/html/classhelper.css
@@ -67,6 +67,7 @@ table tr:hover {

 .popup-apply {
     font-weight: bold;
+    background-color: #c1cee6;
 }

 /* Pagination */
@@ -100,6 +101,10 @@ table tr:hover {
     font-weight: bold;
 }

+.search-button {
+    font-weight: bold;
+    background-color: #c1cee6
+}

 .reset-button {
     margin-left: 60px;