[#12607] add mouse hover and add dotted line to the icon (#12623)

* solve the 12607 issue, put mouse hover and add dotted line to the icon * solve the 12607 issue, put mouse hover and add dotted line to the icon * solve the 12607 issue, put mouse hover and add dotted line to the icon --------- Co-authored-by: Wei Qing <[email protected]>
TEAMMATES · Dec 4, 2023 · 21c8835 · 21c8835
1 parent bfcd355
commit 21c8835
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/web/styles.scss b/src/web/styles.scss
@@ -314,6 +314,18 @@ label {
   --bs-navbar-hover-color: white;
 }
 
+// mouse hover on the icon "i"
+a:hover {
+  cursor: pointer;
+}
+
+// dotted line below the icon "i"
+a i.fa-info-circle {
+  border-bottom: 2px dotted #000;
+  padding-bottom: 2px;
+  box-sizing: border-box;
+}
+
 // overrides default table-responsive scrolling
 .table-responsive {
   -webkit-overflow-scrolling: auto;