Enhance notes page container and canvas styling

Author: Coding331

notes.html

@@ -46,20 +46,26 @@
         .container {
             flex: 1;
             padding: 20px;
-            max-width: 800px;
+            max-width: 90%;
+            min-width: 800px;
             margin: auto;
+            resize: horizontal;
+            overflow: auto;
+            border: 1px solid #ccc;
         }
         h2 {
             margin-bottom: 20px;
             color: #2d6e7f;
         }
-        textarea {
+        textarea, #canvas {
             width: 100%;
             height: 300px;
             padding: 10px;
             font-size: 1.1em;
             border: 1px solid #ccc;
             border-radius: 5px;
+        }
+        textarea {
             resize: vertical;
         }
         .button-container {
@@ -112,8 +118,6 @@
         }
 
         #canvas {
-            border: 1px solid #ccc;
-            border-radius: 5px;
             background-color: white;
             display: none;
         }