Commit 925e1c56 authored by bgm's avatar bgm Committed by info@symbiotic.coop
Browse files

Tweaks for mobile displays

parent 786b2f7f
......@@ -19,20 +19,26 @@
.radiobuttons-form-radios-as-buttons .crm-radio-wrapper-200px {
width: 200px !important;
}
.radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px {
width: 400px !important;
.crm-container .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px,
.crm-container .radiobuttons-form-radios-as-buttons .crm-radio-wrapper-600px {
/* On mobile, assume it will take most of the width */
width: 100%;
}
.radiobuttons-form-radios-as-buttons .crm-radio-wrapper-600px {
width: 600px !important;
@media (min-width: 600px) {
.radiobuttons-form-radios-as-buttons .crm-radio-wrapper-400px {
width: 400px !important;
}
.radiobuttons-form-radios-as-buttons .crm-radio-wrapper-600px {
width: 600px !important;
}
}
.radiobuttons-form-radios-as-buttons .crm-radio-wrapper label {
display: block;
padding: 10px 10px !important;
margin: 0 !important;
white-space: nowrap;
}
.radiobuttons-form-radios-as-buttons .crm-radio-wrapper label {
padding: 12px 10px !important;
white-space: nowrap;
margin: 0 !important;
}
.radiobuttons-form-radios-as-buttons .value {
font-size: 0; /* whitespace cringe when display:inline-block */
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment