Small style tweak for quick reply and inline edit forms

rafalp · Jan 5, 2025 · 49c4a92 · 49c4a92
1 parent dfbab3a
commit 49c4a92
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 10 deletions.
diff --git a/frontend/src/style/flavor/panels.less b/frontend/src/style/flavor/panels.less
@@ -57,4 +57,23 @@
       margin-bottom: 0;
     }
   }
+
+  .panel-quick-reply-footer {
+    display: flex;
+    flex-direction: row-reverse;
+    margin-top: @line-height-computed;
+
+    .btn {
+      margin-left: floor(@grid-gutter-width / 2);
+    }
+  }
+}
+
+@media screen and (max-width: @screen-xs-max) {
+  .panel-quick-reply {
+    margin-left: @grid-gutter-width * -0.5;
+    margin-right: @grid-gutter-width * -0.5;
+    border-radius: 0;
+    border-width: 1px 0;
+  }
 }
diff --git a/frontend/src/style/flavor/post-feed.less b/frontend/src/style/flavor/post-feed.less
@@ -27,3 +27,12 @@
     color: transparent;
   }
 }
+
+.posts-feed-item-post-edit-form-footer {
+  display: flex;
+  flex-direction: row-reverse;
+
+  .btn {
+    margin-left: floor(@grid-gutter-width / 2);
+  }
+}
diff --git a/misago/static/misago/css/misago.css b/misago/static/misago/css/misago.css
diff --git a/misago/static/misago/css/misago.css.map b/misago/static/misago/css/misago.css.map
diff --git a/misago/templates/misago/quick_reply/form.html b/misago/templates/misago/quick_reply/form.html
@@ -17,14 +17,14 @@
       {% for form in formset.get_forms %}
         {% include form.template_name with form=form %}
       {% endfor %}
-    </div>
-    <div class="panel-footer">
-      <button class="btn btn-primary" type="submit">
-        {% trans "Post reply" context "quick reply thread submit btn" %}
-      </button>
-      <button class="btn btn-secondary" type="submit" name="preview" value="true" formnovalidate>
-        {% trans "Preview" context "quick reply thread submit btn" %}
-      </button>
+      <div class="panel-quick-reply-footer">
+        <button class="btn btn-primary" type="submit">
+          {% trans "Post reply" context "quick reply thread submit btn" %}
+        </button>
+        <button class="btn btn-secondary" type="submit" name="preview" value="true" formnovalidate>
+          {% trans "Preview" context "quick reply thread submit btn" %}
+        </button>
+      </div>
     </div>
   </form>
 </div>