Some CSS issues and how I resolved them for our personal use
Desktop
The first is not so much a problem but it could be, we rarely have this many retorts on a post but you should know that if you go over 8 retorts it will break the Post Controls
Here it is with 8 retorts, looks great
CSS Used for Desktop
.post-retort {
margin: 0px 2px;
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
}
Phone: iPhone SE Gen1
Mobile
The maximum number of retorts at the moment on mobile without breaking post control, at least using a smaller screen is 1
With more than one retort, post controls are moved off the screen
Here’s how it looks with our CSS changes
Mobile CSS
.post-retort {
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
margin: 2px 2px;
float: none;
}
You can achieve the same look on Desktop as on Mobile using the Mobile CSS above this will put the retorts above your post controls
We love this plugin and it gets a lot of use on our forum, thanks for taking it on @angus 