US206196 adjusted padding on container for headerless modals at specific vertical breakpoints.

Author: chrisdo1

elements/pfe-modal/src/pfe-modal.scss

@@ -84,6 +84,10 @@ $pfe-modal--breakpoint--medium: 640px;
 				padding: calc(#{pfe-var(container-padding)} * 2) calc(#{pfe-var(container-padding)} * 6) calc(#{pfe-var(container-padding)} * 2) calc(#{pfe-var(container-padding)} * 2);			
 			}
 
+			@media screen and (max-height: $pfe-modal--breakpoint--medium) and (min-width: $pfe-modal--breakpoint--medium) {
+				padding: 0 0 calc(#{pfe-var(container-padding)} * 2) calc(#{pfe-var(container-padding)} * 2);			
+			}
+
 			// Remove margin-top on the first slotted element that is not the header.
 			::slotted(*:nth-child(1)),
 			::slotted(*:nth-child(2)) {
@@ -106,6 +110,11 @@ $pfe-modal--breakpoint--medium: 640px;
 			box-sizing: border-box;
 			padding: calc(#{pfe-var(container-padding)} * 2) calc(#{pfe-var(container-padding)} * 2) calc(#{pfe-var(container-padding)} * 2) 0;
 		}
+
+		@media screen and (max-height: $pfe-modal--breakpoint--medium) and (min-width: $pfe-modal--breakpoint--medium) {
+			box-sizing: border-box;
+			padding: calc(#{pfe-var(container-padding)} * 2) calc(#{pfe-var(container-padding)} * 2) calc(#{pfe-var(container-padding)} * 2) 0;
+		}
 	}
 
 	&__close {