From 8a9772bc21135729b9fa33bdb38634abf73e3d7d Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Wed, 15 Jun 2022 14:23:06 +0100
Subject: [PATCH] Improve styling of homepage

---
 static/src/scss/_homepage.scss             | 13 +++++++++++--
 website/home/templates/home/home_page.html |  7 ++++---
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/static/src/scss/_homepage.scss b/static/src/scss/_homepage.scss
index d472a94..a015511 100644
--- a/static/src/scss/_homepage.scss
+++ b/static/src/scss/_homepage.scss
@@ -15,13 +15,22 @@ body.page-home-homepage {
   }
 
   h1 {
-    font-size: 3rem;
+    font-size: 5rem;
+  }
+
+  .heading-wrapper {
+    text-align: center;
   }
 
   .latest {
     padding: 0.25rem 0.5rem;
     margin-top: 2rem;
     background-color: transparentize($black, 0.2);
+    border-radius: $input-radius;
+    max-width: 75%;
+    overflow-x: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 
     &,
     strong,
@@ -31,8 +40,8 @@ body.page-home-homepage {
   }
 
   input#search-input {
+    width: 85%;
     margin-top: 15px;
-    max-width: 25% !important;
     text-align: center;
     background-color: transparentize($black, 0.2) !important;
     color: $white !important;
diff --git a/website/home/templates/home/home_page.html b/website/home/templates/home/home_page.html
index cfd626b..db878bc 100644
--- a/website/home/templates/home/home_page.html
+++ b/website/home/templates/home/home_page.html
@@ -4,9 +4,10 @@
 
 {% block main %}
 <main {% if page.image %}style="background-image: url({% image_url page.image 'width-1200' %})"{% endif %}>
-  <h1>{{ page.heading }}</h1>
-
-  <input id="search-input" class="input" type="text" placeholder="Search">
+  <div class="heading-wrapper">
+    <h1>{{ page.heading }}</h1>
+    <input id="search-input" class="input" type="text" placeholder="Search">
+  </div>
 
   <div class="box latest">
     <strong>Latest Post</strong>: <a href="#">{% lorem 6 w random %}</a> &rarr;