Hi Marco, although the PNG image files for command buttons are 64x64 pixels in size, the actual size in the UI is relative to your current UI font size (set under Options > General > UI Size), and the images are shrunken or stretched as needed.

So just changing the PNG images to be a smaller size will not have any effect, other than to make them more blurry.

The command button icon size is controlled by this part of the moi.css file:

moi\:CommandButton > img, moi\:CommandMenuButton > img, moi\:CommandSplitButton > img {
	width:3.25em;
	height:3.25em;
}

The "em" units used there are relative to the current font size, 1 em = font size in points.

To make a custom command button with a smaller icon you could add in a new entry in the moi.css file right below the above one, and have it say something like this:

moi\:CommandButton.small_icon > img {
	width:2.25em;
	height:2.25em;
}

That means that a command button with a CSS class of "small_icon" will override the regular width and height with a smaller one. Then modify the command buttons that you want to have smaller by putting in class="small_icon" in them something like this:

    <moi:CommandButton icon="icons/ConeIcon.png" class="small_icon" command="cone"><moi:Text textid="Cone"/></moi:CommandButton>

The PNG file itself does not have to be smaller, they can remain at 64x64 pixels, the UI will automatically shrink it to fit in the smaller space.

- Michael