Right justify content in sub-buttons? #1176
Closed
Answered
by
Menelao147
sjcrossley
asked this question in
Questions about config, custom styles and templates
-
GoalIs there a way to right-justify the content of sub-buttons when using the 2-row layout? If not, I think it would be a nice feature to have. Source Yaml- type: custom:bubble-card
card_type: button
button_type: state
entity: sensor.XXXXXXXX
name: Account
card_layout: large-2-rows
sub_button:
- name: Change Value
attribute: marketChangeDisplay
show_attribute: true
show_background: false
show_icon: false
- name: Cash Value
attribute: cash
show_state: false
show_icon: false
state_background: false
show_background: false
show_attribute: true
styles: |
.bubble-icon-container,
.bubble-button-card-container {
background-color: transparent !important;
}
.bubble-sub-button-container {
padding-right: 0px !important;
}
.bubble-icon,
.bubble-sub-button {
color: ${hass.states[entity].attributes.iconColor} !important;
}
.bubble-sub-button {
font-sizeX: 14px !important;
font-weight: 600 !important;
}
.bubble-sub-button-2,
.bubble-sub-button-4 {
color: var(--info-color) !important;
}Which step did you already try?No response ProblemNo response Read the documentation
|
Beta Was this translation helpful? Give feedback.
Answered by
Menelao147
Jan 23, 2025
Replies: 1 comment 1 reply
-
|
Try to add |
Beta Was this translation helpful? Give feedback.
1 reply
-
|
Thanks! Works perfectly. |
Beta Was this translation helpful? Give feedback.
Answer selected by
sjcrossley
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Try to add
justify-items: end !important;to.bubble-sub-button-container