From: Mathieu Lutfy <mathieu@symbiotic.coop>
Date: Mon, 5 Apr 2021 13:47:43 +0000 (-0400)
Subject: civicrm.css: add support for mobile devices on forms
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=8b4635bebb7c3f319b741a0971db65f134ec736d;p=civicrm-core.git

civicrm.css: add support for mobile devices on forms
---

diff --git a/css/civicrm.css b/css/civicrm.css
index 0114b04132..775346a855 100644
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -413,10 +413,13 @@ input.crm-form-entityref {
   margin-bottom: 1em;
 }
 
-.crm-container .crm-section .label {
-  float: left;
-  width: 17%;
-  text-align: right;
+/* todo: See PR#19968 to move towards configurable breakpoints */
+@media (min-width: 480px) {
+  .crm-container .crm-section .label {
+    float: left;
+    width: 17%;
+    text-align: right;
+  }
 }
 
 .crm-container .crm-section .label label{
@@ -427,8 +430,10 @@ input.crm-form-entityref {
   text-align: left;
 }
 
-.crm-container .crm-section .content {
-  margin-left: 19%;
+@media (min-width: 480px) {
+  .crm-container .crm-section .content {
+    margin-left: 19%;
+  }
 }
 
 .crm-container .no-label .content {