From 9061f3e16d8ccf55729211a31f3588a5b65a64d5 Mon Sep 17 00:00:00 2001 From: GradyD Date: Sun, 8 Mar 2015 17:30:26 -0400 Subject: [PATCH] Adjusted padding on dialog(modal) to be more inline with standards --- less/_dialogs.less | 23 ++++++++++++++++++----- 1 file changed, 18 insertions(+), 5 deletions(-) diff --git a/less/_dialogs.less b/less/_dialogs.less index f2fe5b2c..ac6b835e 100644 --- a/less/_dialogs.less +++ b/less/_dialogs.less @@ -1,18 +1,32 @@ +// +// Modals +// Material Design element Dialogs +// -------------------------------------------------- .modal-content { .shadow-z-5(); border-radius: 2px; border: none; + // Modal header + // Top section of the modal w/ title and dismiss .modal-header { border-bottom: none; - padding: 24px; - padding-bottom: 0; + padding-top: 24px; + padding-right: 24px; + padding-bottom: 0px; + padding-left: 24px; } + // Modal body + // Where all modal content resides (sibling of .modal-header and .modal-footer) .modal-body { - padding: 24px; + padding-top: 0px; + padding-right: 24px; + padding-bottom: 16px; + padding-left: 24px; } + // Footer (for actions) .modal-footer { border-top: none; - padding: 24px; + padding: 7px; button { margin: 0; padding-left: 16px; @@ -33,7 +47,6 @@ padding-top: 0; } } - .modal-backdrop { background: rgba(0,0,0,0.3); }