google login button width fix

lyubov-voloshko · lyubov-voloshko · commit e502951dd482 · 2022-06-01T14:37:40.000+03:00
diff --git a/frontend/src/app/components/registration/registration.component.css b/frontend/src/app/components/registration/registration.component.css
@@ -36,7 +36,7 @@
     margin-top: 20px;
     font-weight: 500;
     text-align: center;
-    width: 70%;
+    width: 75%;
 }
 
 @media screen and (max-width: 600px) {
@@ -64,8 +64,10 @@
     padding: 0 16px;
 }
 
-#google_registration_button ::ng-deep iframe {
-    width: 100% !important;
+@media screen and (max-width: 600px) {
+    #google_registration_button ::ng-deep iframe {
+        width: 100% !important;
+    }
 }
 
 .soc-button {

Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@`
`36`	`36`	`margin-top: 20px;`
`37`	`37`	`font-weight: 500;`
`38`	`38`	`text-align: center;`
`39`		`- width: 70%;`
	`39`	`+ width: 75%;`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`@media screen and (max-width: 600px) {`
`@@ -64,8 +64,10 @@`
`64`	`64`	`padding: 0 16px;`
`65`	`65`	`}`
`66`	`66`
`67`		`-#google_registration_button ::ng-deep iframe {`
`68`		`- width: 100% !important;`
	`67`	`+@media screen and (max-width: 600px) {`
	`68`	`+ #google_registration_button ::ng-deep iframe {`
	`69`	`+ width: 100% !important;`
	`70`	`+ }`
`69`	`71`	`}`
`70`	`72`
`71`	`73`	`.soc-button {`