Make addRequest box resize nicely

master
Dessa Simpson 2020-07-05 20:16:41 -07:00
parent 19f51d3a5a
commit 603769d5fd
2 changed files with 18 additions and 3 deletions

View File

@ -101,7 +101,9 @@ div#nav-userpic {
#addRequestModal {
position: relative;
padding: 1em;
display: inline-block;
margin: 2em;
width: 100%;
max-width: 480px;
background-color: #444;
box-shadow: 0px 5px 20px black;
}
@ -110,6 +112,17 @@ div#nav-userpic {
margin-top: 0;
}
#addRequestInputContainer {
display: flex;
justify-content: center;
}
#addRequestInputContainer input {
flex: 1;
max-width: 330px;
margin: 0 5px;
}
#addRequestModalClose {
position: absolute;
top: 0;

View File

@ -34,8 +34,10 @@
<div id="addRequestModal">
<div id="addRequestModalClose"><a href="#" onclick="closeAddRequestModal()">&times;</a></div>
<h1>Add Request</h1>
URL: <input id="addRequestUrl"></input>
<span id="addRequestInputContainer">
URL: <input id="addRequestUrl" placeholder="https://www.youtube.com/watch?v=dQw4w9WgXcQ"></input>
<button onclick="validateAndSubmitRequest()">Request</button><br>
</span>
Currently, only Youtube links are accepted.
</div>
</div>