Index: lams_tool_scratchie/web/includes/css/scratchie-learning.scss
===================================================================
diff -u -r206674f9049f7887849d7dab02f97fcf1a1e5dc8 -rbbe6b21a663059e2539bc0ea5ce761445b5ae1c1
--- lams_tool_scratchie/web/includes/css/scratchie-learning.scss	(.../scratchie-learning.scss)	(revision 206674f9049f7887849d7dab02f97fcf1a1e5dc8)
+++ lams_tool_scratchie/web/includes/css/scratchie-learning.scss	(.../scratchie-learning.scss)	(revision bbe6b21a663059e2539bc0ea5ce761445b5ae1c1)
@@ -12,11 +12,23 @@
 	border-bottom: none;
 }
 
+.scratches .row {
+	align-items: center;
+	border-top: 1px solid #ddd;
+	padding: 12px;
+}
+.scratches .row:hover{
+	background-color: var(--bs-gray-200);
+}
+.scratches .scartchie-image-col {
+	width: 100px;
+	margin-left: -1rem;
+}
+
 .scartchie-image {
 	border: 0;
 }
 
-
 .jGrowl {
   	font-size: 22px;
   	font-family: $font-family-base;
@@ -59,15 +71,12 @@
     margin-top: 10px;
     margin-bottom: 15px;
 }
-.lead {
-	margin-top: 30px;
+[data-bs-toggle="collapse"].collapsed .if-not-collapsed {
+	display: none;
 }
-[data-toggle="collapse"].collapsed .if-not-collapsed {
-  display: none;
+[data-bs-toggle="collapse"]:not(.collapsed) .if-collapsed {
+	display: none;
 }
-[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
-  display: none;
-}
 	
 /* confidence levels tooltips */
 .tooltip.top .tooltip-inner {
@@ -76,14 +85,14 @@
     border:  1px solid #ddd;
 }
 .tooltip.top .tooltip-arrow {
-      border-top-color:grey;
-      color:black;
+	border-top-color:grey;
+	color:black;
 }
 .tooltip {
-background-color: transparent;
-border: none;
-color:black;
-box-shadow:none;
+	background-color: transparent;
+	border: none;
+	color:black;
+	box-shadow:none;
 }
 		
 .item-score {
@@ -104,4 +113,13 @@
 	font-style: italic; 
 	color:#47bc23;
 	text-align: center;
+}
+
+.bq-title {
+	text-decoration: underline;
+}
+	
+.fake-validation-input {
+	visibility: hidden;
+	height: 0px;	
 }
\ No newline at end of file