diff --git a/app/assets/stylesheets/darkswarm/modal-enterprises.css.sass b/app/assets/stylesheets/darkswarm/modal-enterprises.css.sass index 7991969a7d..11a8b62c5c 100644 --- a/app/assets/stylesheets/darkswarm/modal-enterprises.css.sass +++ b/app/assets/stylesheets/darkswarm/modal-enterprises.css.sass @@ -60,19 +60,26 @@ // CALL TO ACTION - hub click throughs .cta-container - background: url("/assets/gray_jean.png") repeat + background-color: #ececec padding-top: 0.75rem label text-transform: uppercase font-size: 0.875rem - margin-bottom: 0.5rem + margin-bottom: 0 + 5rem color: $dark-grey + label.right + color: $disabled-dark + span + text-transform: capitalize + .button.secondary background-color: #999 .button.hub margin-right: 1rem + margin-top: 0.25rem margin-bottom: 1rem padding-left: 1rem padding-right: 1rem diff --git a/app/assets/stylesheets/darkswarm/modals.css.sass b/app/assets/stylesheets/darkswarm/modals.css.sass index a4a896942b..fbb4f6570d 100644 --- a/app/assets/stylesheets/darkswarm/modals.css.sass +++ b/app/assets/stylesheets/darkswarm/modals.css.sass @@ -4,24 +4,34 @@ dialog, .reveal-modal border: none outline: none - padding: 1rem - // TO DO: look at bigger issue scrolling on mobile device + padding: 1rem overflow-y: scroll - @media only screen and (min-width: 40.063em) - max-height: 580px - @media all and (max-width: 768px) + + // Sets up max heights based on device height + @media all and (min-height: 1025px) + max-height: 800px + + @media all and (min-height: 700px) and (max-height: 1024px) + max-height: 600px + + @media all and (min-height: 600px) and (max-height: 699px) + max-height: 560px + + @media all and (min-height: 481px) and (max-height: 599px) max-height: 440px - @media all and (max-width: 640px) - max-height: 400px - @media all and (max-width: 640px) - max-height: inherit + + @media only screen and (min-height: 480px) + max-height: 440px + + @media handheld and (min-height: 480px) + max-height: 100% overflow-y: scroll + .reveal-modal-bg background-color: rgba(0,0,0,0.65) dialog .close-reveal-modal, .reveal-modal .close-reveal-modal - top: 0.45rem right: 0.4rem background-color: rgba(235,235,235,0.85) text-shadow: none