adjusting alignment of entity states to improve readability#132
Closed
hcooper wants to merge 1 commit intohome-assistant:masterfrom
hcooper:master
Closed
adjusting alignment of entity states to improve readability#132hcooper wants to merge 1 commit intohome-assistant:masterfrom hcooper:master
hcooper wants to merge 1 commit intohome-assistant:masterfrom
hcooper:master
Conversation
Member
Merged
tkdrob
pushed a commit
to tkdrob/frontend
that referenced
this pull request
Apr 20, 2021
…ingStarted Add integration requirements
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Currently the entity status table is vertically aligned to the center of each cell.
When you have "attributes" ticked, this makes it hard to distguish one entity's attributes from another.
This PR simply set's "vertical-align: top" to the attributes table, so that the name of an entity lines up with its first attribute. Without changing the overall style of the page it makes it easier to read.
See example screenshots (red box added for example emphasis):
Before:

After:
