Merge pull request #81 from DynieM/DeeBranch

allowed score screen to handle text overflow using scroll
ucfopen · Sep 17, 2024 · a0e5a2a · a0e5a2a
2 parents add7794 + 288d169
commit a0e5a2a
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/src/scoreScreen.scss b/src/scoreScreen.scss
@@ -13,12 +13,12 @@ body {
 			display: block;
 			width: 90%;
 			margin: 15px 5% 45px 5%;
-	
+
 			color: #fff;
 			font-weight: bold;
 
 			text-align: center;
-			
+
 			h5 {
 				position: relative;
 				background: #2e4a87;
@@ -41,7 +41,7 @@ body {
 					font-weight: bold;
 				}
 			}
-	
+
 			.item-correct, .item-incorrect {
 				position: relative;
 				z-index: 2;
@@ -52,9 +52,9 @@ body {
 				height: 180px;
 
 				margin-right: 12px;
-	
+
 				padding: 6px;
-	
+
 				border-radius: 6px;
 
 				vertical-align: top;
@@ -68,7 +68,7 @@ body {
 
 				.item-audio {
 					flex-direction: column;
-					
+
 					span {
 						width: 230px;
 						padding: 10px 5px;
@@ -98,8 +98,9 @@ body {
 					font-family: 'Buenard', serif;
 
 					border-radius: 6px;
+					overflow-y: auto;
 				}
-	
+
 				.item-image img {
 					max-width: 240px;
 					max-height: 180px;
@@ -124,5 +125,5 @@ body {
 		}
 	}
 
-	
+
 }