Improve spacing around QR code

thaddeusm · Jun 29, 2022 · 8ad6ebb · 8ad6ebb
1 parent f5d0f9c
commit 8ad6ebb
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/ActivityAdapter.vue b/src/components/ActivityAdapter.vue
@@ -50,7 +50,7 @@
 							<qriously
 								id="qr"
 								:value="`https://seatsmart-activities.thaddeus.education/code/${roomID}`"
-								:size="200"
+								:size="195"
 							/>
 						</div>
 						<div v-else id="loading">
@@ -1079,9 +1079,10 @@ h4:hover {
 #qr {
 	background: var(--white);
 	box-shadow: 2px 2px 5px var(--black);
-	width: 200px;
-	height: 200px;
-	margin: 25px auto;
+	width: 195px;
+	height: 195px;
+	margin: 20px auto;
+	padding: 2px;
 	border-radius: 5px;
 	vertical-align: middle;
 }