Alignment of search and edit buttons in editor
Alignment of search and edit buttons in editor
javismiles
Posts: 205Questions: 38Answers: 3
in Editor
I have editor with 1 edit buttton and the search area. When the screen is large, the search button is right aligned and the edit button is left aligned. But when screen is mobile size, the search button becomes center aligned and the edit button also, and the edit button looks really weird hanging in the air. How can I make sure that both edit and search areas are left aligned in mobile size, they look so odd center aligned, thank u 
This question has an accepted answers - jump to answer
This discussion has been closed.
Answers
I can see that these are culprits:
@media screen and (max-width: 640px)
div.dt-buttons {
float: none !important;
text-align: center;
@media screen and (max-width: 640px)
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
float: none;
text-align: center
}
do you advice so just edit those? in what css file are they? or any other way you recommend? is there any parameter we can use in editor to influence this alignment?
I would suggest adding:
to your CSS if that is the style you want. That will override the defaults used by DataTables and Buttons.
Allan
thank you Allan