diff --git a/auto_rx/autorx/static/css/main.css b/auto_rx/autorx/static/css/main.css index d7d60fa..0f839eb 100644 --- a/auto_rx/autorx/static/css/main.css +++ b/auto_rx/autorx/static/css/main.css @@ -321,7 +321,9 @@ input:checked + .slider:before { } /* Modal Body */ -.modal-body {padding: 2px 16px;} +.modal-body { + padding: 2px 16px; +} /* The Modal (background) */ .modal { @@ -332,16 +334,17 @@ input:checked + .slider:before { top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ - overflow: auto; /* Enable scroll if needed */ + overflow: hidden; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .modal-content { - position: relative; background-color: #fefefe; + overflow: scroll; margin: 15vh auto; + max-height: 75vh; padding: 0; border: 1px solid #888; width: 80%; @@ -377,7 +380,7 @@ input:checked + .slider:before { } input[type=text] { - width: 70%; + width: 140px; padding: 12px 20px; margin: 8px 0; display: inline-block; @@ -386,6 +389,10 @@ input[type=text] { box-sizing: border-box; } +.control { + height: 42px; +} + @media (prefers-color-scheme: dark) { body { background-color: #121212;