Pyscript: Make py-button bigger

Viewed 19

I am trying to make the pyscript pybutton larger using css. I have the following css

.container {
    height: 500px;
    position: relative;
  border: 3px solid green;
}
.left-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 30%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn{
    height: 100px; 
    width: 250px;
    border: 3px solid red
}

and the following HTML:

<div class="container">
    <py-button label="Click Me" class="btn left-center" type="submit">
        def on_click(event):
            clicked()
    </py-button>
</div>

This gets me following HTMLenter image description here

I can click on the entire red box.

How do I make it the entire button is the blue box

0 Answers
Related