Skip to content
Snippets Groups Projects
Commit d9a6637a authored by Scott Reeves's avatar Scott Reeves
Browse files

Issue #2643206 by aofficer, Sakthivel M, seanpclark, Risse, gnuget,...

Issue #2643206 by aofficer, Sakthivel M, seanpclark, Risse, gnuget, johnrosswvsu, therealssj, Anishnirmal, drnikki, Manjit.Singh, waybigsky, Truptti, Chi, prateekS, soumyajit.basu, psebborn, emma.maria, starshaped, stpaultim: Bartik: fix button layout appearance on node add/edit form (small devices)
parent ed0f9780
No related branches found
No related tags found
No related merge requests found
......@@ -25,6 +25,18 @@
padding: 0.32em 1em;
background: transparent none;
}
.js .dropbutton-multiple .dropbutton-widget,
.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget {
padding: 0;
}
.js .dropbutton-multiple .dropbutton-widget .dropbutton {
padding-right: 2em; /* LTR */
position: relative;
}
.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget .dropbutton {
padding-right: 0;
padding-left: 2em;
}
.js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
margin-right: 0; /* LTR */
}
......
......@@ -300,3 +300,24 @@ input.form-submit:focus {
.form-item--error-message {
color: #e32700;
}
/**
* Improve form element usability on narrow devices.
*/
@media all and (max-width: 600px) {
.form-actions .button {
float: none;
margin: 10px 0 0;
padding-bottom: 6px;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.js .dropbutton .dropbutton-action > input, .js .dropbutton .dropbutton-action > a, .js .dropbutton .dropbutton-action > button {
text-align: center;
padding-left: 3em;
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment