From ec1095830b579481075cbadebbff3e6dea0e1b7c Mon Sep 17 00:00:00 2001
From: yaqubroli <walchuk2018@icloud.com>
Date: Fri, 23 Dec 2022 16:52:24 -0800
Subject: [PATCH] Fixed html

---
 html/index.html        |  8 +++++++-
 html/static/paste.html |  2 +-
 html/static/style.css  | 24 ++++++++++++++++++++++++
 3 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/html/index.html b/html/index.html
index 6b6e323..e616c14 100644
--- a/html/index.html
+++ a/html/index.html
@@ -8,8 +8,12 @@
     <h1>7800.io</h1>
     <main>
         <img src="static/7800.svg" alt="7800.io" id="logo">
-        <p>7800.io is the future host of services that provide dynamically generated content.</p>
-        <small>In the meantime, use this domain as a <a href="static/url.html">URL shortener</a> or as a <a>pastebin</a>.</small>
+        <p id="on_main">7800.io is the future host of services that provide dynamically generated content.</p>
+        <small>In the meantime, use this domain as a:</small>
+        <div id="indexbuttonrow">
+            <a href="/static/url.html" class="button">URL Shortener</a>
+            <a href="/static/paste.html" class="button">Pastebin</a>
+        </div>
     </main>
 </body>
 </html>diff --git a/html/static/paste.html b/html/static/paste.html
index a77a42e..95ad88e 100644
--- a/html/static/paste.html
+++ a/html/static/paste.html
@@ -10,7 +10,7 @@
         <div id="ui">
             <p>New paste</p>
             <form action="/" method="post">
-                <input type="hidden" name="content_type" value="Paste">
+                <input type="hidden" name="content_type" value="Pastebin">
                 <textarea name="content" placeholder="Paste" class="text"></textarea>
                 <input type="submit" value="Paste" class="button">
             </form>
diff --git a/html/static/style.css b/html/static/style.css
index d40f32b..97a5ebf 100644
--- a/html/static/style.css
+++ a/html/static/style.css
@@ -78,7 +78,6 @@
     border: 2px dashed white;
     padding: 0.5em 1em;
     margin: 1em 0;
-    width: 100%;
 }
 
 /* make .button a black button with thick white outline that uses the same font as the rest of the website */
@@ -100,6 +99,11 @@
     height: 10em;
 }
 
+/* make text input a reasonable size by default */
+input[type=text] {
+    width: 20em;
+}
+
 .url {
     font-family: monospace !important;
     color: white !important;
@@ -111,4 +115,22 @@
 
 .domain {
     color: lightgray !important;
+}
+
+#indexbuttonrow {
+    display: flex;
+    justify-content: center;
+    margin-top: 1em;
+}
+
+#indexbuttonrow a {
+    font-size: 0.8em;
+    color: white;
+    background: black;
+    border: none;
+    padding: 0.5em 1em;
+    border-radius: 1em;
+    margin: 0 0.5em;
+    /* make the buttons the same size */
+    min-width: 5em;
 }--
rgit 0.1.5