Improvement request: Add CSS to control module formatting

ianperrin / MMM-NetworkScanner

A module for MagicMirror which determines the status of devices on the network based on their MAC or IP address

MIT License

107 stars 47 forks source link

Improvement request: Add CSS to control module formatting #31

Closed E3V3A closed 6 years ago

E3V3A commented 6 years ago

I'd like to use this module as part of a more general MM info page, but the current DOM does not look good when module is moved around or on the right side, for example. I would very much like to see a CSS file connected with this module so that:

[x] 1. You can left/right align each of the 3 fields (icon, device name, last seen info)
[x] 2. Make the fields into aligned columns, perhaps: LLR
[x] 3. Allow for easy change of font size and color

ianperrin commented 6 years ago

@E3V3A - 1a89250 (on the develop branch) adds a css file and changes to the DOM as an initial fix for the alignment issues. Could you test and confirm it works as expected?

cd ~/MagicMirror/modules/MMM-NetworkScanner
git checkout --track origin/develop

Font size and color styling should be possible by adding rules to the custom.css

E3V3A commented 6 years ago

look good

ianperrin commented 6 years ago

Thanks @E3V3A - v0.0.4 has been published - you may want to switch back to the master branch again:

cd ~/MagicMirror/modules/MMM-NetworkScanner
git checkout master