From ef14aff201a1692bf5cd41ab7184622c616afd68 Mon Sep 17 00:00:00 2001
From: Chris Wilson <chris@legendserver.info>
Date: Thu, 3 Dec 2020 00:18:09 -0500
Subject: [PATCH] Apply new styles to hosted room.

---
 WebHostLib/static/styles/hostRoom.css | 14 +++++++-------
 WebHostLib/templates/generate.html    | 10 +++++-----
 WebHostLib/templates/landing.html     |  2 +-
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/WebHostLib/static/styles/hostRoom.css b/WebHostLib/static/styles/hostRoom.css
index 7723ad27..ac839d1e 100644
--- a/WebHostLib/static/styles/hostRoom.css
+++ b/WebHostLib/static/styles/hostRoom.css
@@ -1,7 +1,7 @@
 html{
-    background-image: url('../static/backgrounds/dirt/dirt-0005-large.png');
+    background-image: url('../static/backgrounds/grass/grass-0007-large.png');
     background-repeat: repeat;
-    background-size: 900px 900px;
+    background-size: 650px 650px;
 }
 
 #host-room{
@@ -11,16 +11,16 @@ html{
     background-color: rgba(0, 0, 0, 0.15);
     border-radius: 8px;
     padding: 1rem;
-    color: #ffe993;
+    color: #eeffeb;
 }
 
 #host-room a{
-    color: #ffffff;
+    color: #ffef00;
 }
 
 #host-room input[type=text]{
+    border: 1px solid #000000;
+    padding: 3px;
+    border-radius: 3px;
     width: 500px;
-    min-width: 370px;
-    padding: 0.125rem;
-    height: 1.5rem;
 }
diff --git a/WebHostLib/templates/generate.html b/WebHostLib/templates/generate.html
index 24d66a0e..f7b0ee8b 100644
--- a/WebHostLib/templates/generate.html
+++ b/WebHostLib/templates/generate.html
@@ -11,25 +11,25 @@
     {% include 'cloudHeader.html' %}
     <div id="generate-game-wrapper">
         <div id="generate-game" class="grass-island">
-            <h1>Generate Game{% if race %} (Race Mode){% endif %}</h1>
+            <h1>Start Game{% if race %} (Race Mode){% endif %}</h1>
             <p>
                 This page accepts a yaml file containing generator options.
-                You can find a documented example at
-                <a href="https://raw.githubusercontent.com/Berserker66/MultiWorld-Utilities/master/playerSettings.yaml">playerSettings.yaml</a>.
+                You can find a documented example
+                <a href="https://raw.githubusercontent.com/Berserker66/MultiWorld-Utilities/master/playerSettings.yaml">here</a>.
                 This file can be saved as .yaml, edited to your liking and then supplied to the generator.
                 You can also upload a .zip with multiple YAMLs.
                 A proper menu is in the works.
                 {% if race -%}
                     Race Mode means the spoiler log will be unavailable, roms will be encrypted and single-player has no multidata.
                 {%- else -%}
-                    You can go to <a href="{{ url_for("generate", race=True) }}">Race Mode</a> to create a game without
+                    You can go to <a href="{{ url_for("generate", race=True) }}">race mode</a> to create a game without
                     spoiler log and with encryption.
                 {%- endif -%}
             </p>
             <p>
                 After generation is complete, you will have the option to download a patch file.
                 This patch file can be opened with the <a
-                    href="https://github.com/Berserker66/MultiWorld-Utilities/releases">Client</a> to create a rom file.
+                    href="https://github.com/Berserker66/MultiWorld-Utilities/releases">client</a> to create a rom file.
                 In-Browser patching will come.
             </p>
             <div id="generate-game-form-wrapper">
diff --git a/WebHostLib/templates/landing.html b/WebHostLib/templates/landing.html
index 4123a25f..ae91221c 100644
--- a/WebHostLib/templates/landing.html
+++ b/WebHostLib/templates/landing.html
@@ -45,7 +45,7 @@
                     <span class="variable">{{ seeds }}</span>
                     games were created and
                     <span class="variable">{{ rooms }}</span>
-                    hosted in the last 7 days.
+                    were hosted in the last 7 days.
                 </p>
             </div>
         </div>