✨ Fix minor style bug

JuliaAI · May 13, 2024 · 178b30e · 178b30e
1 parent b8fc106
commit 178b30e
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/lib/CheatSheet.svelte b/src/lib/CheatSheet.svelte
@@ -39,7 +39,7 @@
 {#if isLoading}
 	<div>Loading...</div>
 {:else}
-<div style="display: flex; flex-direction: column; gap: 0rem;">
+<div style="display: flex; flex-direction: column; gap: 0rem; width: 100%">
 	<button style=" font-family:Poppins; background-color: #6e4582; width:300px; margin: auto; margin-top: 1rem; color: white; border-radius: 3rem; padding: 0.5rem;" on:click={downloadAsPDF} >Print the Cheat Sheet</button>
 	<div class="intents-container row" id="print-this">
 		{#each fractions as fraction, frac_ind}
@@ -68,12 +68,12 @@
 		max-width: 33%;
 		padding: 0 !important;
 		@media only screen and (max-width: 1200px) {
-			flex: 50%;
-			max-width: 50%;
+			flex: 50% !important;
+			max-width: 50% !important;
 		}
 		@media only screen and (max-width: 600px) {
-			flex: 100%;
-			max-width: 100%;
+			flex: 100% !important;
+			max-width: 100% !important;
 		}
 	}
 	.intents-container {