💇‍♀️ Fix third-party login responsiveness

Author: ohansFavour

src/ui/components/tenants/tenantDetail/keyValueInput/keyValueInput.scss

@@ -41,7 +41,7 @@
 			gap: 10px;
 		}
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			flex-direction: column;
 			gap: 10px;
 			padding-bottom: 10px;

src/ui/components/tenants/tenantDetail/thirdPartyProviderConfig/thirdPartyProviderConfig.scss

@@ -163,7 +163,7 @@
 	flex-direction: column;
 	gap: 15px;
 
-	@media screen and (max-width: 480px) {
+	@media screen and (max-width: 768px) {
 		gap: 0px;
 	}
 
@@ -180,7 +180,7 @@
 		gap: 10px;
 		align-items: center;
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			align-items: flex-end;
 
 			.delete-cross-button {
@@ -191,7 +191,7 @@
 
 	&__footer {
 		margin-left: 128px;
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			margin-left: 0px;
 			margin-top: 18px;
 		}
@@ -416,7 +416,7 @@
 .provider-email-select {
 	display: flex;
 	gap: 75px;
-	@media screen and (max-width: 480px) {
+	@media screen and (max-width: 768px) {
 		flex-direction: column;
 		gap: 10px;
 	}

src/ui/components/tenants/tenantDetail/thirdPartyProviderInput/thirdPartyProviderInput.scss

@@ -18,7 +18,7 @@
 	width: 100%;
 	gap: 20px;
 
-	@media screen and (max-width: 480px) {
+	@media screen and (max-width: 768px) {
 		flex-direction: column;
 		gap: 12px;
 	}
@@ -30,7 +30,7 @@
 		color: var(--color-secondary-text);
 		min-width: max-content;
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			min-width: unset;
 		}
 	}