Redesign return from settings page

2020-05-29 20:46:45 +12:00
parent bec1b9d207
commit 474274740f
7 changed files with 68 additions and 16 deletions
--- a/src/site/sass/includes/_main.sass
+++ b/src/site/sass/includes/_main.sass
@@ -691,14 +691,22 @@ body

 	.action-container
 		margin-top: 20px
-		display: flex
-		justify-content: space-between
+		display: grid
+		grid-template-columns: 1fr auto auto
+		grid-gap: 10px
 		align-items: center

-		.save-button
-			padding: 12px
-			width: 180px
+		@media screen and (max-width: 400px)
+			display: flex
+			flex-direction: column
+			align-items: stretch
+			text-align: center

+			.home-link-container
+				order: 1
+
+		.save-button
+			padding: 12px 32px
 			&:not(:active)
 				@include forms.curve-out-major