From 8b4635bebb7c3f319b741a0971db65f134ec736d Mon Sep 17 00:00:00 2001 From: Mathieu Lutfy Date: Mon, 5 Apr 2021 09:47:43 -0400 Subject: [PATCH] civicrm.css: add support for mobile devices on forms --- css/civicrm.css | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) 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 { -- 2.25.1