From f9be8b3d0346c60655ea692dd8e9111c42979ffd Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Mon, 26 Feb 2024 20:21:41 +0530
Subject: [PATCH] chore: add extra bottom padding to plain editor on iOS so
 text doesn't get hidden by floating butotn

---
 .../Components/IosKeyboardClose/IosKeyboardClose.tsx         | 2 +-
 .../Components/NoteView/PlainEditor/PlainEditor.tsx          | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/javascripts/Components/IosKeyboardClose/IosKeyboardClose.tsx b/packages/web/src/javascripts/Components/IosKeyboardClose/IosKeyboardClose.tsx
index 1e981258f..4c605be8b 100644
--- a/packages/web/src/javascripts/Components/IosKeyboardClose/IosKeyboardClose.tsx
+++ b/packages/web/src/javascripts/Components/IosKeyboardClose/IosKeyboardClose.tsx
@@ -41,7 +41,7 @@ const IosKeyboardClose = () => {
   return (
     <button
       className={classNames(
-        'absolute bottom-3 right-3 rounded-full border border-border bg-contrast p-3',
+        'absolute bottom-1.5 right-3 rounded-full border border-border bg-contrast p-2.5',
         isFocusInSuperEditor && 'hidden',
       )}
     >
diff --git a/packages/web/src/javascripts/Components/NoteView/PlainEditor/PlainEditor.tsx b/packages/web/src/javascripts/Components/NoteView/PlainEditor/PlainEditor.tsx
index aeb3db6fe..58a2b6509 100644
--- a/packages/web/src/javascripts/Components/NoteView/PlainEditor/PlainEditor.tsx
+++ b/packages/web/src/javascripts/Components/NoteView/PlainEditor/PlainEditor.tsx
@@ -15,7 +15,7 @@ import {
   WebAppEvent,
   PrefDefaults,
 } from '@standardnotes/snjs'
-import { TAB_COMMAND } from '@standardnotes/ui-services'
+import { isIOS, TAB_COMMAND } from '@standardnotes/ui-services'
 import {
   ChangeEventHandler,
   forwardRef,
@@ -291,6 +291,9 @@ export const PlainEditor = forwardRef<PlainEditorInterface, Props>(
           'editable font-editor flex-grow',
           lineHeight && `leading-${lineHeight.toLowerCase()}`,
           responsiveFontSize,
+          // Extra bottom padding is added on iOS so that text
+          // doesn't get hidden by the floating "Close keyboard" button
+          isIOS() && '!pb-12',
         )}
       ></textarea>
     )