History code cleanup

ubclaunchpad · Dec 1, 2024 · 181d89e · 181d89e
1 parent aaa0a50
commit 181d89e
Show file tree

Hide file tree

Showing 2 changed files with 81 additions and 213 deletions.
diff --git a/frontend/src/pages/log_history/LogHistory.css b/frontend/src/pages/log_history/LogHistory.css
@@ -1,3 +1,4 @@
+/* Table Container */
 .table-container {
   background: transparent;
   border-radius: 8px;
@@ -6,12 +7,13 @@
   width: 90%;
 }
 
+/* Logs Table */
 .logs-table {
   width: 100%;
-  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
-  border-radius: 20px;
   border-collapse: collapse;
   table-layout: fixed;
+  border-radius: 20px;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
 }
 
 .logs-table th {
@@ -33,55 +35,56 @@
   border-top-right-radius: 20px;
 }
 
-.logs-table tr.selected {
-  background-color: #D3E4FF;
-}
-
-.sort-icon {
-  width: 20px;     /* Increased from 16px */
-  height: 20px;    /* Increased from 16px */
-  display: inline-block;
-  vertical-align: middle;
-  margin-left: 5px;
-  stroke-width: 2.5;  /* Makes the icon lines thicker */
-  margin-bottom: 3px;
-}
-
 .logs-table td {
-  padding: 8px 24px;
   color: #1E1E1E;
   font-size: 15px;
+  padding: 8px 24px;
 }
 
-.checkbox-column {
-  width: 64px;
-}
-
-.log-title-column {
-  width: calc((100% - 64px) / 3);
+.logs-table td:not(.checkbox-column) {
+  text-align: left;
+  padding: 16px 24px;
 }
 
-.type-column {
-  width: calc((100% - 64px) / 3);
+/* Selected Row */
+.logs-table tr.selected {
+  background-color: #D3E4FF;
 }
 
-.date-column {
-  width: calc((100% - 64px) / 3);
+/* Hover and Even Rows */
+.logs-table tr:not(.selected):nth-child(even),
+.logs-table tr:not(.selected):hover {
+  background-color: #F2F5FF;
 }
 
-.logs-table th:not(.checkbox-column) {
-  text-align: left;
+/* Column Widths */
+.checkbox-column {
+  width: 64px;
 }
 
-.logs-table td:not(.checkbox-column) {
-  text-align: left;
-  padding: 16px 24px;
+.log-title-column,
+.type-column,
+.date-column {
+  width: calc((100% - 64px) / 3);
 }
 
+/* Title Column */
 .title-column {
   color: #64B2F6 !important;
 }
 
+/* Sort Icon */
+.sort-icon {
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  vertical-align: middle;
+  margin-left: 5px;
+  margin-bottom: 3px;
+  stroke-width: 2.5;
+}
+
+/* Table Footer */
 .table-footer {
   display: flex;
   justify-content: space-between;
@@ -92,34 +95,33 @@
 }
 
 .table-footer .showing-text span {
-  color: #64B2F6;  /* Light blue for numbers */
-  font-size: 15px;
+  color: #64B2F6;
 }
 
+/* Pagination */
 .pagination {
   display: flex;
   gap: 8px;
   align-items: center;
 }
 
 .pagination span {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   cursor: pointer;
   padding: 4px 8px;
   color: #64B2F6;
   font-size: 14px;
-  min-width: 13px;  /* Added to ensure circle shape */
-  height: 20px;     /* Added to ensure circle shape */
-  display: flex;    /* Added for centering */
-  align-items: center;  /* Added for centering */
-  justify-content: center;  /* Added for centering */
+  min-width: 13px;
+  height: 20px;
 }
 
-/* Current page styling */
 .pagination .current-page {
   background-color: #244B94;
   color: white !important;
   font-weight: 500;
-  border-radius: 50%;  
+  border-radius: 50%;
 }
 
 .pagination span.next,
@@ -130,16 +132,7 @@
   font-weight: 500;
 }
 
-/* Hover state for non-selected items */
+/* Hover state for pagination */
 .pagination span:hover:not(.current-page):not(.next):not(.previous) {
   color: #244B94;
 }
-
-tr:nth-child(even) {
-  background: #F2F5FF;
-
-}
-
-tr:hover {
-  background-color: #F2F5FF;
-}