Fix UI clipping in modal select dropdowns by increasing select element height (#22)

This commit addresses a UI issue where dropdown options in modal select elements were getting clipped. To resolve this, a new CSS rule has been added for the .modal-form__select class within the .tasknotes-plugin scope.

Changes include:
• Adding extra padding using var(--tn-spacing-lg) on both sides for improved spacing.
• Setting a minimum height of 44px to ensure sufficient vertical space for options.
• Adjusting line-height to 1.6 for better readability and spacing.

These adjustments enhance user interaction with select inputs within modal forms, ensuring that the dropdown options are fully visible and improving the overall usability of the modal interface.

Author: callumalpass

styles/modal-bem.css

@@ -79,6 +79,13 @@
     outline: none;
 }
 
+/* Make select elements taller to prevent dropdown option clipping */
+.tasknotes-plugin .modal-form__select {
+    padding: var(--tn-spacing-lg) var(--tn-spacing-lg);
+    min-height: 44px;
+    line-height: 1.6;
+}
+
 .tasknotes-plugin .modal-form__input:hover,
 .tasknotes-plugin .modal-form__select:hover {
     border-color: var(--tn-border-color-hover);