aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorKimsible <kimsible@users.noreply.github.com>2021-06-06 23:47:24 +0200
committerChocobozzz <chocobozzz@cpy.re>2021-06-15 14:15:10 +0200
commit089cfa65697b60e6ff109f9bf517458908b7c855 (patch)
tree9f02fadc5dd2d100899d7a0071da2d919c30a7f7
parent47162a9c96568f797f2eb0aa35c47ed68fa65acb (diff)
downloadPeerTube-089cfa65697b60e6ff109f9bf517458908b7c855.tar.gz
PeerTube-089cfa65697b60e6ff109f9bf517458908b7c855.tar.zst
PeerTube-089cfa65697b60e6ff109f9bf517458908b7c855.zip
Fix input size of contact form on mobile view
-rw-r--r--client/src/app/+about/about-instance/contact-admin-modal.component.scss10
1 files changed, 10 insertions, 0 deletions
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 @@
4input[type=text] { 4input[type=text] {
5 @include peertube-input-text(340px); 5 @include peertube-input-text(340px);
6 display: block; 6 display: block;
7
8 @media screen and (max-width: #{map-get($container-max-widths, sm)}) {
9 width: 100%;
10 }
7} 11}
8 12
9textarea { 13textarea {
10 @include peertube-textarea(100%, 200px); 14 @include peertube-textarea(100%, 200px);
11} 15}
16
17@media screen and (max-width: breakpoint(md)) {
18 .modal-body {
19 text-align: left;
20 }
21}