Disable the automatic commit countdown when the user interacts with the modal container and standardize textarea padding

Author: robertpiosik

packages/ui/src/components/editor/panel/modals/CommitMessageModal/CommitMessageModal.tsx

@@ -48,13 +48,17 @@ export const CommitMessageModal: React.FC<Props> = (props) => {
 
   return (
     <Modal>
-      <div className={styles.container}>
+      <div
+        className={styles.container}
+        onMouseDown={() => {
+          set_is_timer_active(false)
+        }}
+      >
         <div className={styles.title}>Commit changes</div>
         <TextareaAutosize
           className={styles.textarea}
           value={message}
           onChange={(e) => set_message(e.target.value)}
-          onFocus={() => set_is_timer_active(false)}
           minRows={2}
           onKeyDown={(e) => {
             if (e.key == 'Enter' && (e.metaKey || e.ctrlKey)) {

packages/ui/src/components/editor/settings/Textarea/Textarea.module.scss

@@ -4,7 +4,7 @@
   color: var(--vscode-input-foreground);
   border: 1px solid var(--vscode-input-border);
   border-radius: var(--border-radius-4px);
-  padding: var(--padding-5px) var(--padding-7px);
+  padding: var(--padding-5px) var(--padding-8px);
   resize: none;
   font-family: inherit;
   font-size: inherit;