Add option to move plus and minus buttons to the bottom

[0verEngineer]

I have the problem you can see in the screenshot, if i have 2 versatile thermostats in a horizontal stack this happens.
I don't want to hide the plus/minus buttons, it would be cool if we could have a switch to move them below the other buttons, or next to the heat/off buttons

[jmcollin78]

Hello @0verEngineer,

I'm really not a specialist of css. In the next release you will have the option to remove the circle.
I hope this helps.

[jmcollin78]

Kind of duplicate of #26

[0verEngineer]

@jmcollin78 Which circle do you mean?

[jmcollin78]

This one: https://github.com/jmcollin78/versatile-thermostat-ui-card/releases/tag/0.6.2

[0verEngineer]

Hmm i don't really know if this will fix the issue, and i quite like the circle 😅

[jmcollin78]

If you are an expert in html/css, I would love to have a PR. I just copy this from Best Thermostat UI and adapt but the result is not fabulous.

[0verEngineer]

I don't know how to set up the dev env, i tried following things:

1. start:hass script

• installed HACS and Versatile Thermostat in it
• connected to my MQTT server to have real thermostats
  But now i have no idea how i get the ui card in it

2. start script
   Here i get a url in the terminal but the page shows following:
   

[jmcollin78]

To set-up the env dev, I do the following:

1. have a VScode with Versatile Thermostat,
2. have another VSCode with Versatile Thermostat UI. Run npm run build to build the dist directory,
3. in the first VScode, you have in the devcontainer.json, I mount the dist directory of the UI into config/www/community "source=${localEnv:HOME}/SugarSync/Projets/home-assistant/versatile-thermostat-ui-card/dist,target=/workspaces/versatile_thermostat/config/www/community/versatile-thermostat-ui-card,type=bind,consistency=cached" . You will have adapt this line to mount the dist directory of your second VSCode.
4. Run Versatile Thermostat in the first VScode and create a VTherm and create a UI card.