← All changes | css/admin/applications.css +23 -72 6.26 → 6.13 View file →

		@@ -39,9 +39,9 @@
39	39	padding-bottom: 0;
40	40	}
41	41
42	42	.frm-application-card {
43		- grid-column: span 4/span 4; /* treat as frm4 */
	43	+ grid-column: span 3/span 3; /* treat as frm3 */
44	44	flex-direction: column;
45	45	gap: 0;
46	46	}
47	47
		@@ -66,9 +66,8 @@
66	66	gap: var(--gap-xs);
67	67	margin: 0;
68	68	font-size: var(--text-sm) !important;
69	69	font-weight: 500;
70		- min-height: 28px;
71	70	}
72	71
73	72	.frm-application-card h3 .frmsvg {
74	73	width: 11px;
		@@ -98,25 +97,14 @@
98	97	right: 2px;
99	98	align-self: center;
100	99	}
101	100
102		-.frm-application-card .frm-new-pill {
103		- min-height: 20px;
104		- font-size: var(--text-xs);
105		- align-items: center;
106		-}
107		-
108		-.frm-application-card:hover .frm-new-pill{
109		- display: none;
110		-}
111		-
112	101	/* Use template anchor */
113	102	#frm_application_templates_grid .frm-application-card .frm-button-secondary {
114		- display: none;
	103	+ position: absolute;
	104	+ right: 10px;
	105	+ bottom: 0;
115	106	}
116		-#frm_application_templates_grid .frm-application-card:hover .frm-button-secondary {
117		- display: inline-block;
118		-}
119	107
120	108	/* Card description */
121	109	.frm-application-card > div:first-child > div {
122	110	font-size: var(--text-xs);
		@@ -127,16 +115,14 @@
127	115	color: var(--grey-500);
128	116	margin-top: var(--gap-xs);
129	117	}
130	118
131		-#frm_view_application_modal .frm_note_style2 {
132		- margin-right: var(--gap-md);
133		- margin-left: var(--gap-md);
134		- padding: 10px;
135		- border-radius: 8px;
	119	+#frm_view_application_modal .frm_warning_style {
	120	+ border: none aliceblue;
	121	+ margin-top: 0;
	122	+ padding: 20px;
	123	+ border-radius: 0;
136	124	display: flex;
137		- justify-content: space-between;
138		- align-items: center;
139	125	}
140	126
141	127	#frm_view_application_modal .frm_warning_style span {
142	128	flex: 1;
		@@ -157,9 +143,9 @@
157	143	flex: 1;
158	144	}
159	145
160	146	.frm-application-modal-details {
161		- padding: 25px var(--gap-md);
	147	+ padding: 25px 30px;
162	148	}
163	149
164	150	.frm-admin-page-applications .ui-widget-overlay {
165	151	position: fixed;
		@@ -174,9 +160,9 @@
174	160	}
175	161
176	162	#frm_view_application_modal .frm-application-image-wrapper {
177	163	background-color: #F6F7FB;
178		- padding: 20px var(--gap-md) 15px;
	164	+ padding: 20px 30px 15px;
179	165	}
180	166
181	167	#frm_view_application_modal img {
182	168	height: 245px;
		@@ -182,17 +168,12 @@
182	168	height: 245px;
183	169	}
184	170
185	171	#frm_view_application_modal .frm_modal_content {
186		- max-height: 75vh !important;
187	172	flex: 1;
188	173	overflow-y: auto;
189	174	}
190	175
191		-#frm_view_application_modal .postbox {
192		- max-height: 800px !important;
193		-}
194		-
195	176	.frm-application-modal-label {
196	177	opacity: 0.65;
197	178	margin-bottom: 5px;
198	179	}
		@@ -232,60 +213,30 @@
232	213	.frm-application-templates-nav.wrap {
233	214	margin-right: 0;
234	215	}
235	216
236		-#frm_custom_applications_placeholder {
237		- border-radius: 16px;
238		- overflow: hidden;
239		- position: relative;
240		- margin-top: 40px;
241		- margin-bottom: 25px;
242		- background-color: #fff;
243		- padding: 11px 8px;
244		-}
245		-
246		-#frm_custom_applications_placeholder:before {
247		- content: '';
248		- display: block;
249		- background: linear-gradient(90deg, #1961D5 0.76%, #E8ABEF 100%);
250		- height: 4px;
251		- margin: auto;
	217	+#frm_custom_applications_placeholder > div:first-child {
252	218	position: absolute;
253		- top: 0;
254		- left: 0;
255		- width: 100%;
256	219	}
257	220
258		-#frm_custom_applications_placeholder img {
259		- margin-right: 5px;
260		- float: left;
	221	+#frm_custom_applications_placeholder > div:last-child {
	222	+ text-align: center;
	223	+ max-width: 500px;
	224	+ margin: var(--gap-md) auto;
	225	+ position: relative;
261	226	}
262	227
263		-#frm_custom_applications_placeholder div a {
	228	+#frm_custom_applications_placeholder > div a {
264	229	margin-top: var(--gap-md);
265	230	}
266	231
267		-#frm_custom_applications_placeholder .frm2 {
268		- text-align: right;
269		- padding-right: 24px;
	232	+@media only screen and (max-width: 1200px) {
	233	+ .frm-application-card {
	234	+ grid-column: span 4/span 4; /* treat as frm4 */
	235	+ }
270	236	}
271	237
272		-#frm_custom_applications_placeholder h3 {
273		- font-weight: 700;
274		- margin-bottom: 4px;
275		-}
276		-
277		-.frm-application-modal-label ~ .frm-application-modal-label {
278		- margin-top: var(--gap-md);
279		-}
280		-
281		-ul.frm-application-item-list {
282		- margin-top: 0;
283		- list-style: disc;
284		- list-style-position: inside;
285		-}
286		-
287		-@media only screen and (max-width: 1200px) {
	238	+@media only screen and (max-width: 800px) {
288	239	.frm-application-card {
289	240	grid-column: span 6/span 6; /* treat as frm6 */
290	241	}
291	242	}