Screenshot: design experiment

[danirabbit]

More of a fun design experiment than a serious proposal at this point

Todo:

• Need to add labels to each item to fix Label the selection modes #106
• Toggle button states aren't clear. Need slashy icons probably
• Better icons in general
• Pack the correct window controls based on window button position setting
• Can we add units to the spinbutton like "3s"?
• Making the window/screen/area selection a popover would save us some space here if we're really trying to be compact

Need more comprehensive flat spinbutton style but here's the CSS from the screenshot:

spinbutton,
spinbutton button {
background: none;
border: none;
box-shadow: none;
padding: 0;
border-spacing: 3px;
}

spinbutton button {
    background: alpha(@text_color, 0.1);
    border-radius: 3px;
    padding: 3px;
}

spinbutton button:disabled {
    background: alpha(@text_color, 0.05);
}

[leolost2605]

Hey just an idea that crossed my mind haven't given it any consideration though yet but what about moving the screen, window and area buttons to the right and making them actual buttons that take the screenshot, instead of having an extra button for that?