Feature: machine status icon added.

[aalokkamble]

added device status icon similar to iOS UI

[aalokkamble]

@sonovawolf @bradfitz please review.

[kari-ts]

Thanks for working on this. A few issues: -in a tailnet with more than one user "MY DEVICES" distinguishes between your devices and other users' devices. "MACHINES" is unclear. -the size of the dot looks great, but the alignment should be vertically centered to a lowercase letter, since machine names won't have uppercase letters

[aalokkamble]

@kari-ts Hi I have made the changes. Please review.

• Aligned dot vertically with lowercase letters for machine names.
• 'Machine' now reverted to 'My Devices'. (This was done to match our website UI)

[aalokkamble]

Screenshot for reference

[sonovawolf]

Hey @aalokkamble, thank you for the changes, now the alignment looks great.

Is it the screenshot or are the dots slightly horizontally squished and not entirely circular?

[aalokkamble]

Its just a text - dot char. Circular

[sonovawolf]

Ah, I see. That's why it's not a full circle. That also has the added problem of changing the shape with the font… do you mind making it an actual circle? Either via svg or by creating a shape?

[aalokkamble]

Now using perfect circle 🙂

[sonovawolf]

Great, thank you!