From e4a3e844b4425333e08fbf7f1ea833bbc75b856f Mon Sep 17 00:00:00 2001
From: Steve Nyemba <nyemba@gmail.com>
Date: Mon, 17 Mar 2025 12:05:42 -0500
Subject: [PATCH] bug fix: javascript mimetype & responsive

---
 cms/disk.py                   |  2 ++
 cms/static/css/responsive.css | 36 +++++++++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 cms/static/css/responsive.css

diff --git a/cms/disk.py b/cms/disk.py
index 1b7efa6..bd1b6ce 100644
--- a/cms/disk.py
+++ b/cms/disk.py
@@ -100,6 +100,8 @@ def read (**_args):
         _extension = _uri.split('.')[-1]
         if _extension in ['css','js','csv','html'] :
             _mimeType = f'text/{_extension}'
+            if _extension == 'js' :
+                _mimeType = 'text/javascript'
         elif _extension in ['png','jpg','jpeg'] :
             _mimeType = f'image/{_extension}'
         return _stream, _mimeType
diff --git a/cms/static/css/responsive.css b/cms/static/css/responsive.css
new file mode 100644
index 0000000..cd91420
--- /dev/null
+++ b/cms/static/css/responsive.css
@@ -0,0 +1,36 @@
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .main {
+        grid-template-columns: 60% 40%;
+        grid-template-rows: 70px auto 32px;
+    }
+}
+
+@media (max-width: 768px) {
+    .main {
+        grid-template-columns: 100%;
+        grid-template-rows: auto;
+        height: auto;
+    }
+    
+    .main .pane {
+        border-left: none;
+        border-top: 1px solid #CAD5E0;
+        padding: 8px;
+    }
+}
+
+@media (max-width: 480px) {
+    .main {
+        padding: 5%;
+        font-size: 14px;
+    }
+
+    .large-text {
+        font-size: 24px;
+    }
+
+    .small-text {
+        font-size: 10px;
+    }
+}