From b28ec062ca4f35899e4ba29c6ece3d05f9784eb8 Mon Sep 17 00:00:00 2001
From: Daoud Clarke <daoud.clarke@gmail.com>
Date: Tue, 7 Nov 2023 20:49:25 +0000
Subject: [PATCH] Fix search bar width; consisting capitalization

---
 front-end/assets/css/global.css |  5 +----
 mwmbl/templates/index.html      | 12 +++++++-----
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/front-end/assets/css/global.css b/front-end/assets/css/global.css
index b6f04dd..ca04283 100644
--- a/front-end/assets/css/global.css
+++ b/front-end/assets/css/global.css
@@ -62,12 +62,9 @@ body {
   height: 2rem;
 }
 
-mwmbl-search-bar {
-  width: 100%;
-}
-
 .search-bar {
   position: relative;
+  width: 100%;
 }
 
 .search-bar-input {
diff --git a/mwmbl/templates/index.html b/mwmbl/templates/index.html
index 05856ab..0afe5fa 100644
--- a/mwmbl/templates/index.html
+++ b/mwmbl/templates/index.html
@@ -63,17 +63,19 @@
         <li is="${save}"></li>
       </ul>
       <div><a href="/accounts/login/">Login</a> <a href="/accounts/signup/">Sign up</a> </div> -->
-      <div class="branding">
-        <img class="brand-icon" src="/static/images/logo.svg" width="40" height="40" alt="mwmbl logo">
-        <span class="brand-title">MWMBL</span>
-      </div>
+      <a href="/">
+        <div class="branding">
+          <img class="brand-icon" src="/static/images/logo.svg" width="40" height="40" alt="mwmbl logo">
+          <span class="brand-title">Mwmbl</span>
+        </div>
+      </a>
       <form class="search-bar">
         <i class="ph-magnifying-glass-bold"></i>
         <input
           type='search'
           name='q'
           class='search-bar-input'
-          placeholder='Search on mwmbl...'
+          placeholder='Search on Mwmbl...'
           title='Use "CTRL+K" or "/" to focus.'
           autocomplete='off'
           hx-get="/app/search/"