← All changes | src/css/components/survey.scss +41 -0 1.8.1 → 2.0.7 View file →

		@@ -6,9 +6,34 @@
6	6	border: 1px solid $border-gray;
7	7	border-radius: 4px 4px 0 0;
8	8	display: none;
9	9	margin-top: 2rem;
	10	+ position: fixed;
	11	+ bottom: 0;
	12	+ left: 160px;
10	13
	14	+ @media(max-width: 960px) {
	15	+ left: 40px;
	16	+ }
	17	+
	18	+ @media(max-width: 780px) {
	19	+ left: 0px;
	20	+ }
	21	+
	22	+ .close-btn {
	23	+
	24	+ position: absolute;
	25	+ top: 10px;
	26	+ right: 10px;
	27	+ cursor: pointer;
	28	+
	29	+ svg {
	30	+ width: 20px;
	31	+ height: 20px;
	32	+ }
	33	+
	34	+ }
	35	+
11	36	@media (max-width: 400px) {
12	37	padding: 24px 15px;
13	38	}
14	39
		@@ -27,8 +52,10 @@
27	52	}
28	53
29	54	#hostinger-feedback-survey {
30	55
	56	+ direction: ltr;
	57	+
31	58	.sd-root-modern form {
32	59	textarea {
33	60	width: 100%;
34	61	border: 1px solid $border-gray;
		@@ -48,8 +75,13 @@
48	75	letter-spacing: 0px;
49	76	text-align: left;
50	77	margin-top: 0;
51	78	margin-bottom: 24px;
	79	+
	80	+ @media (max-width: 450px) {
	81	+ font-size: 16px;
	82	+ line-height: 24px;
	83	+ }
52	84	}
53	85
54	86	.sd-btn {
55	87	text-decoration: none;
		@@ -63,8 +95,13 @@
63	95	cursor: pointer;
64	96	margin: 25px 0 0 0;
65	97	line-height: 24px;
66	98
	99	+ @media (max-width: 450px) {
	100	+ padding: 5px 15px;
	101	+ font-size: 13px;
	102	+ }
	103	+
67	104	&:hover {
68	105	background: $primary-purple-dark;
69	106	}
70	107	}
		@@ -73,8 +110,12 @@
73	110	display: flex;
74	111	justify-content: flex-end;
75	112	margin: 10px 0;
76	113	position: relative;
	114	+
	115	+ @media (max-width: 450px) {
	116	+ margin: 5px 0;
	117	+ }
77	118
78	119	#sv-nav-prev {
79	120	position: absolute;
80	121	left: 0;