From 089cfa65697b60e6ff109f9bf517458908b7c855 Mon Sep 17 00:00:00 2001
From: Kimsible <kimsible@users.noreply.github.com>
Date: Sun, 6 Jun 2021 23:47:24 +0200
Subject: [PATCH] Fix input size of contact form on mobile view

---
 .../about-instance/contact-admin-modal.component.scss  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/client/src/app/+about/about-instance/contact-admin-modal.component.scss b/client/src/app/+about/about-instance/contact-admin-modal.component.scss
index 260d77888..cd3cf85dd 100644
--- a/client/src/app/+about/about-instance/contact-admin-modal.component.scss
+++ b/client/src/app/+about/about-instance/contact-admin-modal.component.scss
@@ -4,8 +4,18 @@
 input[type=text] {
   @include peertube-input-text(340px);
   display: block;
+
+  @media screen and (max-width: #{map-get($container-max-widths, sm)}) {
+    width: 100%;
+  }
 }
 
 textarea {
   @include peertube-textarea(100%, 200px);
 }
+
+@media screen and (max-width: breakpoint(md)) {
+  .modal-body {
+    text-align: left;
+  }
+}