From 620e0b2b15fa925ccaa73864921af3c2f9a9b15d Mon Sep 17 00:00:00 2001
From: Bartek Fabiszewski <github@fabiszewski.net>
Date: Sun, 31 May 2020 13:11:39 +0200
Subject: [PATCH] Better fit images to viewport

---
 css/src/main.css | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index 142e28c..4b5fa66 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -361,8 +361,6 @@ label[for=user] {
   left: 50%;
   transform: translate(-50%, -50%) !important;
   font-size: 0.9em;
-  width: 40%;
-  max-width: 600px;
   min-width: 300px;
   margin: 0 auto 15% auto;
   padding: 1em;
@@ -400,21 +398,16 @@ label[for=user] {
 }
 
 #modal.image #modal-body img {
-  max-width: 100%;
   height: auto;
+  max-width: 90vw;
   max-height: 87vh;
 }
 
 #modal.image #modal-body {
-  width: 90%;
   text-align: center;
   background-color: rgb(45, 45, 45);
 }
 
-#modal.image #modal-header {
-  width: 90%;
-}
-
 button {
   font-weight: bold;
   margin-right: 5px;