having these entities
- input_select.intercom_message
- entity: input_text.message
card_mod:
style:
hui-generic-entity-row:
$: |
.info {
display: none;
}
paper-input:
$: |
paper-input-container iron-input {
--paper-input-container-shared-input-style_-_width: 400px;
}
results in:
and Id love to align the 2 lines on the left, and on right side of the card. Can we do that, without hardcoding the pixels somehow.
without the mod, the 2 lines are at least aligned on the right side:
there’s no effective ‘auto’ setting afaik, but we can replace
--paper-input-container-shared-input-style_-_width: 300px with width: 300px; 
btw, we can also set the name to an empty string like this and only style the width (which still wont be adaptive):
- entity: input_text.message
name: ' '
card_mod:
style:
hui-generic-entity-row:
paper-input:
$: |
paper-input-container iron-input {
--paper-input-container-shared-input-style_-_width: 340px;
}
problem with these fixed settings is the device isnt responsive anymore, and setting it too wide make mobile misbehave, and 100% doest seem to work either. CSS width property
found this old card: GitHub - gadgetchnnel/lovelace-text-input-row: A custom Lovelace text input row for use in entities cards which does rather nicely still…:
