cleanup control ui, separate into groups

Author: yjpark

.gitignore

@@ -14,3 +14,4 @@
 
 /target
 /public
+.ionide

crates/notation_bevy/src/app/app.rs

@@ -163,7 +163,7 @@ fn handle_keyboard_inputs(
     mut window_resized_evts: EventWriter<WindowResizedEvent>,
     viewer_query: Query<(Entity, &Arc<NotationViewer>), With<Arc<NotationViewer>>>,
 ) {
-    if keyboard_input.just_released(KeyCode::Tab) {
+    if keyboard_input.just_released(KeyCode::LControl) {
         state.hide_control = !state.hide_control;
         if !ControlView::HUD_MODE {
             window_resized_evts.send(WindowResizedEvent());

crates/notation_bevy/src/tab/tab_plugin.rs

@@ -88,7 +88,7 @@ fn on_mouse_clicked(
     }
     if let Some(pos) = pos {
         if !app_state.hide_control {
-            if app_state.window_width / 2.0 - pos.x > ControlView::WIDTH {
+            if app_state.window_width / 2.0 - pos.x > ControlView::calc_width(app_state.window_width) {
                 app_state.hide_control = true;
             }
         } else {