Spacing and layout in comments and custom ratings

I found the solution to issue 1:

.jetpack-comment-likes-widget-wrapper .comment-likes-widget iframe {
   height: 18px !important; 
} 

Assistance with issue 2 still required.

@marsm,

Please use the CSS code below:

.wpdiscuz-post-rating-wrap.wpd-custom-field {
    display:flex;
}

@asti, thank you. Worked perfectly. As an additional question, on the iPad, because we have 6-7 criteria, some circles fall off the screen. Is there potentially a fix for that?

@marsm,

Could you please leave a screenshot?  

@asti, please attached issue. This is taken in the iPad, but it also appears on my macbook.

@marsm,

Please remove the previously added code and use this one: 

.wpdiscuz-post-rating-wrap.wpd-custom-field {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.wpd-rating{
   width: auto;
}

@asti I’m afraid the new code has reverted it back a single line.

@marsm,

Please add the code and let us know. There shouldn't be such an issue. 

@asti, sorry, but I've just placed the code again and it runs the icons one under the other.

@marsm,

we still don't see that you've added the code. Please keep it until we finish checking. 

@asti, I see. Sorry. I took it down. I've put it back and left it for you to see.

@asti, the code is up. Do you have any updates for us?

@marsm,

Please see how it looks in our case. 

@asti where do I see that?