fix modal

1 files changed, 13 insertions, 5 deletions

diff --git a/public/assets/css.css b/public/assets/css.css
index 7e4ded7..c80c32b 100644
--- a/public/assets/css.css
+++ b/public/assets/css.css
@@ -13,9 +13,7 @@ html,body {
   background-color: white;
   color: black;
 }
-body.about,
-body.entry,
-body.submit {
+html.entry, .entry body {
   overflow: hidden;
 }
 .readmore, a {
@@ -137,11 +135,13 @@ h2 {
 .media {
   position: relative;
   width: 100%;
-  margin-top: 20px;
+}
+#entry .media {
+  margin-top: 60px; 
 }
 .media iframe {
   margin: 10px auto;
-  max-height: 30vh;
+  max-height: 40vh;
   max-width: 82vw;
 }
 .media img {
@@ -188,6 +188,7 @@ h2 {
 .comments {
   width: 90vw;
   margin: 0 auto;
+  margin-bottom: 40px;
 }
 
 /* TESTIMONIALS */
@@ -217,6 +218,10 @@ h2 {
 }
 .close {
   top: 0; left: 0;
+  width: 100vw;
+  padding: 5px 0 0 0;
+  display: none;
+  text-align: center;
 }
 .close span {
   display: inline-block;
@@ -224,7 +229,10 @@ h2 {
   color: white;
   padding: 1px 5px 2px 5px;
   border-radius: 50%;
+}
+.entry .close {
   position: fixed;
+  display: block;
 }
 
 /* MOBILE STYLES */