JLex Review
Hello, I'm conducting some testing on my offline website. Since I anticipate a heavy use of checkboxes, I should also work on improving their display because the way they are currently presented (unless it's a bug) is not ideal.
On my site, they are stacked one on top of the other, and I don't like that at all. In fact, it even seems like there's no padding between them. Instead, I would like to display them side by side in the same row.
I've created a video demonstration
https://www.awesomescreenshot.com/video/21394370?key=00645b2ef86c8f64995ccb0d2d3af53e
to help you understand what I mean. I'm using the Google Chrome inspector, and when I disable "display: block;" in the code:
#jreview-listing .reviewBlock ._badge {
background: #444;
color: #fff;
font-weight: 700;
padding: 2px 7px;
border-radius: 2px;
font size: 90%;
cursor: default;
display: block;
}
It seems like everything appears perfectly. Do you have any ideas on how I can make these badges display just like they do when I disable the "display: block;" feature using the Google Inspector?
Thank you
Fatmir Marku
Hello, I'm conducting some testing on my offline website. Since I anticipate a heavy use of checkboxes, I should also work on improving their display because the way they are currently presented (unless it's a bug) is not ideal.
On my site, they are stacked one on top of the other, and I don't like that at all. In fact, it even seems like there's no padding between them. Instead, I would like to display them side by side in the same row.
I've created a video demonstration
https://www.awesomescreenshot.com/video/21394370?key=00645b2ef86c8f64995ccb0d2d3af53e
to help you understand what I mean. I'm using the Google Chrome inspector, and when I disable "display: block;" in the code:
#jreview-listing .reviewBlock ._badge {
background: #444;
color: #fff;
font-weight: 700;
padding: 2px 7px;
border-radius: 2px;
font size: 90%;
cursor: default;
display: block;
}
It seems like everything appears perfectly. Do you have any ideas on how I can make these badges display just like they do when I disable the "display: block;" feature using the Google Inspector?
Thank you
Fatmir Marku