diff --git a/src/components/contact/ContactForm.jsx b/src/components/contact/ContactForm.jsx index f3c3f94..699d807 100644 --- a/src/components/contact/ContactForm.jsx +++ b/src/components/contact/ContactForm.jsx @@ -32,7 +32,7 @@ export default class ContactForm extends Component {

- +
diff --git a/src/components/contact/contactForm.scss b/src/components/contact/contactForm.scss index 70367ce..02aa51f 100644 --- a/src/components/contact/contactForm.scss +++ b/src/components/contact/contactForm.scss @@ -5,23 +5,6 @@ .contactForm { } -.close { - position: fixed; - right: 0; - top: 0; - padding: 35px; - cursor: pointer; - font-size: 20px; - color: rgba(#000, 0.4); - background: rgba(#000, 0); - transition: 0.25s; - - &:hover { - color: rgba(#000, 0.6); - background: rgba(#fff, 0.75); - } -} - .philosophicalThought { font-family: $font-family-title; font-size: 19px; diff --git a/src/components/ui/popup/popup.scss b/src/components/ui/popup/popup.scss index efc37e7..e7f11aa 100644 --- a/src/components/ui/popup/popup.scss +++ b/src/components/ui/popup/popup.scss @@ -60,6 +60,7 @@ $popupPadding: 20px; } .header { + position: relative; background: $light; padding: 15px $popupPadding; border-bottom: 1px solid #dedede; @@ -74,3 +75,27 @@ $popupPadding: 20px; .body { padding: $popupPadding; } + +.close { + position: absolute; + right: 0; + top: 0; + padding: 15px; + cursor: pointer; + font-size: 20px; + color: rgba(#000, 0.4); + background: rgba(#000, 0); + transition: 0.25s; + + &:hover { + color: rgba(#000, 0.6); + background: rgba(#fff, 0.75); + } +} + +@media (min-width: 655px) { + .close { + position: fixed; + padding: 35px; + } +}