How to increaase the size of a button image?

[amreus]

Hello,

I made this image clipper: http://amreus.tiddlyspot.com/#Images%20Gallery%20Clipboard

How can I increase the size of the images?  I assume using a Stylesheet but I don't know the correct classes or rules to use. css is still sort of a mystery to me at this stage.

Thanks.

[amreus]

By trial-and-error I found setting the font-size will size the svg icons as well. Not sure if it's correct but it works.  See link above for a image clipboard gallery.

[PMario]

Hi,

You did create a style definition, which imo is OK for your usecase.

<div style ... >

My example uses 

<div class=myClass>

The CSS rule, that is responsible for buttons is:

button svg.tc-image-button, button .tc-image-button img {
    height: 1em;
    width: 1em;
}

So if you define your own CSS tiddler you could use the following. Since you only use SVG icons you can use:

.myClass button svg.tc-image-button{
    height: 2em;
    width: 2em;
}

have fun!

mario