Problems with Preview (large videos break layout and close button has double "x")

[Zodiac1978]

Hi there!

At first, thank you for this great project!

A client asked me to update his ProjectSend installation and afterwards we saw some small glitches I wanted to report.

My client is producing videos and therefore he has very large video files (HD: 1920x1080). Unfortunately, they break out of the layout and do not stay in the DIV wrapper.

I could fix this with this small CSS snippet in the highly appreciated CSS section:

.embed-responsive video {
  max-width: 100%;
}

The preview modal also shows two "x" as close button. One is a × and the other one is added via CSS:

This could be fixed with this small CSS snippet (maybe there are better ways, but it solves the problem for me):

.modal-header .btn-close {
  text-indent: -9999px;
}

Maybe this could be added in some way or is helping other users!

[gravelfreeman]

Thank you so much it fixed it 💯