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 6c1c89225e77c5c2110938f63d72ad8935cd0682..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
@@ -3,8 +3,19 @@
 
 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;
+  }
+}