Fix input size of contact form on mobile view

[github/Chocobozzz/PeerTube.git] / client / src / app / +about / about-instance / contact-admin-modal.component.scss

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 260d7788837a2e6aea5cd0ffbc53bec1792005ef..cd3cf85ddd3384303e08921e1ea8b11b8b9d7f49 100644 (file)
--- 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;
+  }
+}