stick buttons to the bottom always & small CSS fixes

Author: ilicfilip

assets/css/page-widgets/suggested-tasks.css

@@ -147,6 +147,13 @@
 		}
 	}
 
+	.prpl-suggested-task {
+
+		.prpl-suggested-task-checkbox {
+			flex-shrink: 0; /* Prevent shrinking on mobile */
+		}
+	}
+
 	/* Disabled checkbox styles. */
 	.prpl-suggested-task-disabled-checkbox-tooltip {
 
@@ -390,6 +397,12 @@
 			}
 		}
 
+		/* To align the buttons to the bottom of the column. */
+		&:not(.prpl-column-content) {
+			display: flex;
+			flex-direction: column;
+		}
+
 		/* Inputs. */
 		input[type="text"],
 		input[type="email"],
@@ -453,6 +466,7 @@
 
 		/* Used for radio and checkbox inputs. */
 		.radios {
+			padding-left: 3px; /* To prevent custom radio and checkbox from being cut off. */
 			display: flex;
 			flex-direction: column;
 			gap: 0.5rem;
@@ -589,10 +603,13 @@
 
 		/* Used for next step button. */
 		.prpl-steps-nav-wrapper {
-			margin-top: 1rem;
+			margin-top: auto;
+			padding-top: 1rem;
 			display: flex;
 			justify-content: flex-end;
 			gap: 1rem;
+			align-self: flex-end;
+			width: 100%;
 
 			.prpl-button {
 				cursor: pointer;