diff --git a/public/css/style.css b/public/css/style.css index 2705696..c5e398a 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -95,7 +95,7 @@ div.top5authors {width: 16.66666667%; float: left; display: inline-block; overfl /*BOX*/ body.openBox div#box {display: block; z-index: 100; overflow-y: scroll;overflow-x: hidden;} div#box {width: 250px; display: none; position: absolute; top: 0; right: 0;bottom: 0px; border-left: 2px solid rgba(45, 45, 45, 0.8); padding: 60px 7px 0 7px;} -div#box #boxClose {position: absolute; right: 7px; top: 7px; color: #999; font-size: 18px; font-weight: bolder; cursor: pointer;} +div#box #boxClose {position: absolute; right: 7px; top: 60px; color: #999; font-size: 18px; font-weight: bolder; cursor: pointer;} div#box div {display: none;} div#box div div{display: block;} div#box h3 {margin-top: 10px;} @@ -180,6 +180,7 @@ img.imageInArticle {border: solid 3px white;max-width: 100%;} @media screen and (max-width:400px) { a.randomPointAImg {margin: 0 0 10px 0; display: block;width: 100%;text-align: center;} div.infoCard div.photoContainer {float: none; margin: 0 auto 10px auto;} + div#box #boxClose {top: 40px; font-size: 45px;} div.container.feed div.row.elements div.element {width: 100%;} div.container.feed div.row.elements div.element a.imgContainer {margin: 0 0 10px 0; display: block; width: 100%;text-align: center;}