Vertically align the responsive button

Vertically align the responsive button

liviu.danielliviu.daniel Posts: 19Questions: 6Answers: 0

Hi @allan ,

Is there a way to vertically align the responsive button? I have some columns with a lot of information and some with less, so I vertically-aligned the text to the middle of the cell of all the columns. The problem is that the button created by the responsive option is not aligned with my text anymore and it looks sloppy.

Thank you!

This question has accepted answers - jump to:

Answers

  • allanallan Posts: 63,471Questions: 1Answers: 10,467 Site admin
    Answer ✓

    The default CSS uses absolute positioning to keep it at the top left of the cell (since in multi-row layouts, I've found that's generally where people want it to appear - but not always as in this case!).

    I think your best best would probably just be to remove that absolute positioning. Allow it to take the vertical-align property from the cell.

    Allan

  • liviu.danielliviu.daniel Posts: 19Questions: 6Answers: 0

    Hi @allan,

    I've cloned the git, deleted the line and compile it. Next I mentioned it in my html but the button is still at top of the cell.

  • allanallan Posts: 63,471Questions: 1Answers: 10,467 Site admin
    Answer ✓

    I would suggest using the Inspector in your browser to tweak the CSS. It isn't the line that I linked to directly - that was meant to be guidance for you where to look in the code.

    Allan

This discussion has been closed.