Suggestion #12266

This page is not responsive on mobile screens, so I wrote some CSS to hotfix it.

I can't be the only one who browses suggestion from my phone and so I'm sure we've noticed that the text does not look very readable. It bothered me so much that I wrote some css to fix it on my client and I hope it can be implemented on the server too.

before picture:

https://i.imgur.com/rk18eRb.png

after picture:

https://i.imgur.com/JIJlpQJ.png

The css rule:

@media (max-width: 767px) {

.pull-left {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
float: none !important;
}

.pl-150 {
padding-left: 0px !important;
}

.suggestion-vote {
margin-right: 0 !important;
margin: 5px;
}

.pr-100 {
padding-right: 0 !important;
}
}

This rule can be copy pasted into style0101012002.css or added as a new rule, it will only affect devices smaller than tablets.