Day 8: Jazzmin CSS Fix And Gitignore static files

Author: PTHARRISH

.gitignore

@@ -23,4 +23,7 @@ migrations/
 
 # pytest cache
 .pytest_cache/
-.coverage
+.coverage
+
+# Static files
+staticfiles/

backend/settings.py

@@ -179,11 +179,20 @@
 }
 
 
+STATIC_URL = "static/"
+STATIC_ROOT = BASE_DIR / "staticfiles"
+
+STATICFILES_DIRS = [
+    BASE_DIR / "static",
+]
+
+
 JAZZMIN_SETTINGS = {
     "site_title": "RO Purifier Admin",
     "site_header": "RO Purifier Admin",
     "site_brand": "RO Purifier Admin",
     "site_icon": "images/favicon.png",
+    "custom_css": "css/jazzmin-fix.css",
     # Add your own branding here
     "site_logo": None,
     "welcome_sign": "Welcome to the RO Purifier Admin Panel",
@@ -246,7 +255,7 @@
 
 
 JAZZMIN_UI_TWEAKS = {
-    "theme": "cyborg",
+    "theme": "default",
     "navbar_small_text": False,
     "footer_small_text": False,
     "body_small_text": False,

static/css/jazzmin-fix.css

@@ -0,0 +1,42 @@
+/* Reduce global font size */
+body,
+html {
+    font-size: 13px !important;   /* default is ~16px */
+}
+
+/* Sidebar menu font */
+.sidebar .nav-link {
+    font-size: 13px !important;
+}
+
+/* Table font size */
+table {
+    font-size: 13px !important;
+}
+
+/* Form labels */
+.control-label,
+.col-form-label {
+    font-size: 13px !important;
+}
+
+/* Inputs and selects */
+.form-control,
+.select2-selection__rendered {
+    font-size: 13px !important;
+}
+
+
+/* Make the multi-select option box horizontally scrollable */
+.filtered {
+    white-space: nowrap;       /* Prevent text from wrapping */
+    overflow-x: auto;          /* Enable horizontal scroll */
+    display: block;            /* Ensure the container allows scrolling */
+    max-width: 100%;           /* Stay within the screen width */
+}
+
+/* Optional: make the select box taller for easier viewing */
+.filtered option {
+    white-space: nowrap;       /* Keep each option in a single line */
+    padding-right: 10px;       /* Add spacing so text doesn't stick to the edge */
+}