Tweaking image margins and defaults

WesCook · WesCook · commit b83b3f1f891b · 2025-04-18T19:37:34.000-07:00
diff --git a/src/components/ExportData.vue b/src/components/ExportData.vue
@@ -80,8 +80,7 @@
 		padding: 0.2em 1.5em;
 
 		.modal-icon {
-			display: block;
-			margin: 0 auto;
+			margin: 0 auto 2em auto;
 		}
 
 		.buttons {
diff --git a/src/components/StartOver.vue b/src/components/StartOver.vue
@@ -83,8 +83,7 @@
 		padding: 0.2em 1.5em;
 
 		.modal-icon {
-			display: block;
-			margin: 0 auto;
+			margin: 0 auto 2em auto;
 		}
 
 		.buttons {
diff --git a/src/components/UIModal.vue b/src/components/UIModal.vue
@@ -97,7 +97,7 @@
 
 	.modal-header {
 		text-align: center;
-		margin: 1em;
+		margin: 1em 1em 0.7em 1em;
 	}
 
 	.close-button:focus {
diff --git a/src/style.css b/src/style.css
@@ -4,6 +4,12 @@
 	margin: 0;
 }
 
+img, svg {
+	max-width: 100%;
+	display: block;
+	height: auto;
+}
+
 input, button, textarea, select {
 	font: inherit;
 }

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,12 @@`
`4`	`4`	`margin: 0;`
`5`	`5`	`}`
`6`	`6`
	`7`	`+img, svg {`
	`8`	`+ max-width: 100%;`
	`9`	`+ display: block;`
	`10`	`+ height: auto;`
	`11`	`+}`
	`12`	`+`
`7`	`13`	`input, button, textarea, select {`
`8`	`14`	`font: inherit;`
`9`	`15`	`}`