fix: phishing suspicion alert align

Make the phishing suspicion warning be aligned well with the rest of the content

Signed-off-by: Tobiáš Vašťák <[email protected]>

Author: CreatorOfBiontium

src/components/PhishingWarning.vue

@@ -64,12 +64,12 @@ export default {
 <style lang="scss" scoped>
 .phishing-warning {
 	background-color:rgba(var(--color-warning-rgb), 0.2);
-    border-radius: var(--border-radius);
-    text-align: start;
-    padding: 8px;
-    margin: calc(var(--default-grid-baseline) * 2);
+	border-radius: var(--border-radius);
+	text-align: start;
+	padding: 8px;
+	margin: calc(var(--default-grid-baseline) * 3);
 	// To match the html message margin
-	margin-inline-start: 50px;
+	margin-inline-start: calc(var(--default-grid-baseline) * 14);
 	&__title {
 		display: flex;
 	}
@@ -80,11 +80,15 @@ export default {
 			word-wrap: break-word;
 		}
 	}
-    &__links {
-      margin-top: 10px;
+	&__links {
+		margin-top: 10px;
 		&__button{
 			margin-bottom: 10px;
 		}
-    }
+	}
+
+	@media (max-width: 500px) {
+		margin-inline-start: calc(var(--default-grid-baseline) * 3);
+	}
 }
 </style>