From 2adad9ee9af85ba262f97ba5736dade4c4fc175a Mon Sep 17 00:00:00 2001
From: candifloss <candifloss@candifloss.cc>
Date: Fri, 1 Nov 2024 22:16:10 +0530
Subject: [PATCH] search result structure

---
 test/css/search.css   | 22 +++++++++++-----------
 test/html/search.html | 20 ++++++++------------
 test/scss/search.scss | 40 ++++++++++++++++++++--------------------
 3 files changed, 39 insertions(+), 43 deletions(-)

diff --git a/test/css/search.css b/test/css/search.css
index f87b615..e570e09 100644
--- a/test/css/search.css
+++ b/test/css/search.css
@@ -115,20 +115,10 @@ body .search-page .search-results .search-result .details .info-row {
   display: flex;
   gap: 10px;
 }
-body .search-page .search-results .search-result .details .info-row * {
+body .search-page .search-results .search-result .details .info-row .info-attrib {
   font-size: 16px;
   color: #666666;
 }
-body .search-page .search-results .search-result:hover {
-  background-color: #b0b0b0;
-  cursor: pointer;
-}
-body .search-page .search-results .search-result:hover .details .primary-key {
-  font-weight: bold;
-}
-body .search-page .search-results .search-result:hover .details .info-row * {
-  color: #424242;
-}
 body .search-page .search-results .search-result .actions {
   display: flex;
   gap: 8px;
@@ -159,6 +149,16 @@ body .search-page .search-results .search-result .actions button.delete:hover {
 body .search-page .search-results .search-result .actions button:hover {
   color: #ffffff;
 }
+body .search-page .search-results .search-result:hover {
+  background-color: #b0b0b0;
+  cursor: pointer;
+}
+body .search-page .search-results .search-result:hover .details .primary-key {
+  font-weight: bold;
+}
+body .search-page .search-results .search-result:hover .details .info-row .info-attrib {
+  color: #424242;
+}
 body .search-page .search-results .search-result:hover .actions {
   visibility: visible;
 }
diff --git a/test/html/search.html b/test/html/search.html
index efe2519..e72f584 100644
--- a/test/html/search.html
+++ b/test/html/search.html
@@ -20,13 +20,12 @@
 		</form>
 	  
 		<div class="search-results">
-
 			<a class="search-result" href="/user/realobamna">
                 <div class="details">
                     <span class="primary-key username">realobamna</span>
                     <div class="info-row">
-                        <span class="employee-id">12345</span>
-                        <span class="full-name">John Doe Obama</span>
+                        <span class="info-attrib employee-id">12345</span>
+                        <span class="info-attrib full-name">John Doe Obama</span>
                     </div>
                 </div>
                 <div class="actions">
@@ -34,13 +33,12 @@
                     <button class="delete">Delete</button>
                 </div>
             </a>
-
             <a class="search-result" href="/user/obama">
                 <div class="details">
                     <span class="primary-key username">obama</span>
                     <div class="info-row">
-                        <span class="employee-id">19845</span>
-                        <span class="full-name">Fake Obama</span>
+                        <span class="info-attrib employee-id">19845</span>
+                        <span class="info-attrib full-name">Fake Obama</span>
                     </div>
                 </div>
                 <div class="actions">
@@ -52,8 +50,8 @@
                 <div class="details">
                     <span class="primary-key username">realobamna</span>
                     <div class="info-row">
-                        <span class="employee-id">12345</span>
-                        <span class="full-name">John Doe Obama</span>
+                        <span class="info-attrib employee-id">12345</span>
+                        <span class="info-attrib full-name">John Doe Obama</span>
                     </div>
                 </div>
                 <div class="actions">
@@ -61,13 +59,12 @@
                     <button class="delete">Delete</button>
                 </div>
             </a>
-
             <a class="search-result" href="/user/obama">
                 <div class="details">
                     <span class="primary-key username">obama</span>
                     <div class="info-row">
-                        <span class="employee-id">19845</span>
-                        <span class="full-name">Fake Obama</span>
+                        <span class="info-attrib employee-id">19845</span>
+                        <span class="info-attrib full-name">Fake Obama</span>
                     </div>
                 </div>
                 <div class="actions">
@@ -76,7 +73,6 @@
                 </div>
             </a>
 		  <!-- Additional search results go here -->
-
 		</div>
 	  </div>
 	  
diff --git a/test/scss/search.scss b/test/scss/search.scss
index b52cf0f..dcde308 100644
--- a/test/scss/search.scss
+++ b/test/scss/search.scss
@@ -115,29 +115,13 @@ body {
 						display: flex;
 						gap: 10px;
 		
-						* {
+						.info-attrib {
 							font-size: 16px;
 							color: $search-res-item-detail-info-row-color;
 						}
 					}
 				}
-						
-				&:hover {
-					background-color: $search-res-item-hover-color;
-					cursor: pointer;
-
-					.details {
-						.primary-key {
-							font-weight: bold;
-						}
-						.info-row {
-							* {
-								color: #424242;
-							}
-						}
-					}
-				}
-		
+					
 				.actions {
 					display: flex;
 					gap: 8px;
@@ -175,8 +159,24 @@ body {
 					}
 				}
 		
-				&:hover .actions {
-					visibility: visible;
+				&:hover {
+					background-color: $search-res-item-hover-color;
+					cursor: pointer;
+
+					.details {
+						.primary-key {
+							font-weight: bold;
+						}
+						.info-row {
+							.info-attrib {
+								color: #424242;
+							}
+						}
+					}
+
+					.actions {
+						visibility: visible;
+					}	
 				}
 			}
 		}