Add safe areas to script editor

Author: timmo001

src/panels/config/script/ha-script-editor.ts

@@ -1072,9 +1072,18 @@ export class HaScriptEditor extends SubscribeMixin(
         blueprint-script-editor {
           margin: 0 auto;
           max-width: 1040px;
-          padding: 28px 20px 0;
+          padding-top: 28px;
+          padding-bottom: var(--safe-area-inset-bottom, 0px);
+          padding-right: calc(20px + var(--safe-area-inset-right, 0px));
+          padding-left: 20px;
           display: block;
         }
+        @media (max-width: 600px) {
+          manual-script-editor,
+          blueprint-script-editor {
+            padding-left: calc(20px + var(--safe-area-inset-left, 0px));
+          }
+        }
 
         :not(.yaml-mode) > .error-wrapper {
           position: absolute;
@@ -1115,7 +1124,15 @@ export class HaScriptEditor extends SubscribeMixin(
 
         manual-script-editor {
           max-width: 1540px;
-          padding: 0 12px;
+          padding-top: 0;
+          padding-bottom: var(--safe-area-inset-bottom, 0px);
+          padding-left: 12px;
+          padding-right: calc(12px + var(--safe-area-inset-right, 0px));
+        }
+        @media (max-width: 600px) {
+          manual-script-editor {
+            padding-left: calc(12px + var(--safe-area-inset-left, 0px));
+          }
         }
 
         ha-yaml-editor {