From 603769d5fd414604c042aeccdb650b7f6b3dc92f Mon Sep 17 00:00:00 2001
From: Dessa Simpson <dxs@k7dxs.net>
Date: Sun, 5 Jul 2020 20:16:41 -0700
Subject: [PATCH] Make addRequest box resize nicely

---
 public/style.css | 15 ++++++++++++++-
 views/main.eta   |  6 ++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/public/style.css b/public/style.css
index be0cb12..cb7172b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -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;
diff --git a/views/main.eta b/views/main.eta
index 4356620..6a2bdfd 100644
--- a/views/main.eta
+++ b/views/main.eta
@@ -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>
-				<button onclick="validateAndSubmitRequest()">Request</button><br>
+				<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>