From e163c5739fa5bdb53253c864e7b38a2ec9ce2e1c Mon Sep 17 00:00:00 2001
From: Sync1211 <dpf12110@gmail.com>
Date: Thu, 19 May 2022 23:19:16 +0200
Subject: [PATCH] * Moved style to CSS

---
 www/index.html | 6 +++---
 www/main.css   | 9 +++++++++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/www/index.html b/www/index.html
index 02edf9a..4c9d634 100644
--- a/www/index.html
+++ b/www/index.html
@@ -179,11 +179,11 @@
         <div id="text-input">
             <h1 data-i18n="insert-text">Insert Text</h1>
             <span>
-                <div style="display: inline-grid;position: relative;margin: auto 0;">
-                    <textarea id="insert-text-area" style="white-space: pre; height: 50vh;"></textarea>
+                <div id="text-textarea">
+                    <textarea id="insert-text-area"></textarea>
                 </div>
                 
-                <div style="display: inline-block;vertical-align: top;margin: auto;position: absolute; padding: 0px 0px 0px 10px;">
+                <div id="text-settings">
                     <label data-i18n="text-font">Font</label>
                         <select id="text-font">
                             <option value="Serif">Serif</option>
diff --git a/www/main.css b/www/main.css
index 2aa857a..d58e6cb 100644
--- a/www/main.css
+++ b/www/main.css
@@ -660,3 +660,12 @@ body.high-contrast #control-overlay { background-color: var(--shade); }
     font-family: 'Unifont';
     src: local('Unifont') url('unifont.ttf') url('unifont.otf');
 }
+#insert-text-area { white-space: pre; height: 50vh; }
+#text-textarea { display: inline-grid;position: relative;margin: auto 0; }
+#text-settings {
+    display: inline-block;
+    vertical-align: top;
+    margin: auto;
+    position: absolute; 
+    padding: 0px 0px 0px 10px;
+}
\ No newline at end of file