1 files changed, 23 insertions, 2 deletions
diff --git a/client/modalImage/modal.css b/client/modalImage/modal.css
index d9180125..9589b8f4 100644
--- a/client/modalImage/modal.css
+++ b/client/modalImage/modal.css
@@ -25,13 +25,34 @@
   align-items: center;
 }
 .modal img {
-  max-width: 80vw;
-  max-height: 80vh;
+  max-width: 90vw;
+  max-height: 90vh;
 }
 .modal .caption {
   display: block;
   text-align: center;
 }
+.modal .prev span,
+.modal .next span,
+.modal .close span {
+  background: #222;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-shadow: 0 1px 2px rgba(255,255,255,0.4);
+  transition: all 0.2s cubic-bezier(0,0,1,1);
+  user-select: none;
+}
+.desktop .modal .prev:hover span,
+.desktop .modal .prev:hover span,
+.desktop .modal .prev:hover span {
+  background: #000;
+  box-shadow: 0 1px 2px rgba(255,255,255,0.6);
+}
 .modal .prev {
   position: absolute;
   top: 0; left: 0;