diff --git a/app-proto/main.css b/app-proto/main.css index 4726a27..6aef0d2 100644 --- a/app-proto/main.css +++ b/app-proto/main.css @@ -42,9 +42,9 @@ body { } #add-remove > button { - width: 32px; + /*width: 32px;*/ height: 32px; - font-size: large; + /*font-size: large;*/ } /* KLUDGE */ @@ -53,7 +53,9 @@ body { buttons need to be displayed in an emoji font */ #add-remove > button.emoji { + width: 32px; font-family: 'Noto Emoji', sans-serif; + font-size: large; } /* outline */ diff --git a/app-proto/src/add_remove.rs b/app-proto/src/add_remove.rs index 146cfe0..ea86186 100644 --- a/app-proto/src/add_remove.rs +++ b/app-proto/src/add_remove.rs @@ -214,7 +214,13 @@ pub fn AddRemove() -> View { let state = use_context::(); state.assembly.insert_element_default::(); } - ) { "+" } + ) { "Add sphere" } + button( + on:click=|_| { + let state = use_context::(); + state.assembly.insert_element_default::(); + } + ) { "Add point" } button( class="emoji", /* KLUDGE */ // for convenience, we're using an emoji as a temporary icon for this button disabled={