From 0f078f256aaeef6f914bd65fc35cc2939cbc3647 Mon Sep 17 00:00:00 2001
From: amisha1072006 <amishapandey524@gmail.com>
Date: Sat, 7 Feb 2026 15:36:08 +0530
Subject: [PATCH] Fix editor progress bar width and centering

---
 app/assets/stylesheets/editor.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/app/assets/stylesheets/editor.css b/app/assets/stylesheets/editor.css
index cc6fd976a2..81d027f8d7 100644
--- a/app/assets/stylesheets/editor.css
+++ b/app/assets/stylesheets/editor.css
@@ -199,3 +199,21 @@ version of the editor is released. */
   margin:3px 10px 10px;
   width:30%;
 }
+/* Mobile fix: compact editor bottom bar */
+@media (max-width: 480px) {
+  .imagebar {
+    padding: 4px 6px;
+    font-size: 12px;
+  }
+
+  .imagebar p {
+    padding: 4px 6px;
+    margin: 0;
+  }
+
+  .imagebar .progress-bar-container,
+  #side-progress {
+    width: 60%;
+    margin: 4px auto;
+  }
+}
\ No newline at end of file