Skip to content

Commit c87c83a

Browse files
committed
fix submit-row buttons stacking on small screens
1 parent 405d186 commit c87c83a

File tree

1 file changed

+20
-13
lines changed

1 file changed

+20
-13
lines changed

djangocms_admin_style/sass/components/_mobile.scss

Lines changed: 20 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -291,19 +291,26 @@ form {
291291
margin-left: 0 !important;
292292
padding-left: 0 !important;
293293
}
294-
// make sure that submit buttons are positioned correct on mobile #153
295-
.submit-row {
296-
text-align: left;
297-
.deletelink-box {
298-
float: none;
299-
display: inline-block;
300-
margin-bottom: 10px;
301-
}
302-
input {
303-
display: block;
304-
float: none;
305-
margin-bottom: 10px !important;
306-
margin-left: 0;
294+
295+
// arbitrary width because it doesn't fit on bigger than "mobile"
296+
// breakpoint, but still ok on "tablet"
297+
@media (max-width: 600px) {
298+
// make sure that submit buttons are positioned correct on mobile #153
299+
.submit-row {
300+
text-align: left;
301+
.deletelink-box {
302+
float: none;
303+
display: inline-block;
304+
margin-bottom: 10px !important;
305+
}
306+
input {
307+
display: block;
308+
float: none;
309+
margin-left: 0 !important;
310+
+ input {
311+
margin-bottom: 10px !important;
312+
}
313+
}
307314
}
308315
}
309316
}

0 commit comments

Comments
 (0)