update text area for scrooll wheels

src/anki_creator_flask/templates/create.html

@@ -70,6 +70,12 @@
         opacity: 0;
         visibility: hidden;
       }
+
+      .no-wrap-scroll {
+        white-space: nowrap; /* Prevents text from breaking into new lines */
+        overflow-x: auto; /* Adds a horizontal scrollbar when content overflows */
+        width: 100%; /* Or set a specific max-width/fixed width */
+      }
     </style>
   </head>
 
@@ -95,7 +101,12 @@
           <form id="text_form" method="POST">
             <div class="fields">
               <div class="field">
-                <textarea name="text" id="text" rows="15"></textarea>
+                <textarea
+                  class="no-wrap-scroll"
+                  name="text"
+                  id="text"
+                  rows="15"
+                ></textarea>
               </div>
             </div>
             <ul class="actions">

src/anki_creator_flask/templates/process.html

@@ -70,6 +70,12 @@
         opacity: 0;
         visibility: hidden;
       }
+
+      .no-wrap-scroll {
+        white-space: nowrap; /* Prevents text from breaking into new lines */
+        overflow-x: auto; /* Adds a horizontal scrollbar when content overflows */
+        width: 100%; /* Or set a specific max-width/fixed width */
+      }
     </style>
   </head>
 
@@ -95,7 +101,12 @@
           <form id="text_form" method="POST">
             <div class="fields">
               <div id="table" class="field">
-                <textarea name="text" id="text" rows="15"></textarea>
+                <textarea
+                  class="no-wrap-scroll"
+                  name="text"
+                  id="text"
+                  rows="15"
+                ></textarea>
               </div>
             </div>
             <ul class="actions">