From 73f81fcf2643e0c1b2ed30e7b8dcabf26016297e Mon Sep 17 00:00:00 2001
From: David Morris <gm3dmo@github.com>
Date: Sat, 30 Sep 2023 15:52:09 +0100
Subject: [PATCH] Add a search box with a default color.

---
 templates/base.html                   | 6 +++++-
 templates/cmp/army-number-search.html | 8 +++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index e58c43f..bf49bc3 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -15,8 +15,12 @@
         margin-left: 13%;
         margin-right: 13%;
         margin-top: 5%;
-
     }
+    .input-text {
+    font-size: 24px;
+    color: #8B0000 ;
+    padding: 7px;
+}
 </style>
 {% endblock %}
 </head>
diff --git a/templates/cmp/army-number-search.html b/templates/cmp/army-number-search.html
index eaafa5d..5bfa2c1 100644
--- a/templates/cmp/army-number-search.html
+++ b/templates/cmp/army-number-search.html
@@ -4,7 +4,7 @@
 
 <div>
 {% load static %}
-<img src="/static/cmp/flag.svg" style="width:25%; height:auto;" alt="The Flag of the British Army. A lion wearing a crown on two crossed swords. ">
+<img src="/static/cmp/flag.svg" style="width:20%; height:auto;" alt="The Flag of the British Army. A lion wearing a crown on two crossed swords. ">
 <p></p>
 <h2> British Army Number Search Tool</h2>
 <p>
@@ -14,4 +14,10 @@ <h2> British Army Number Search Tool</h2>
 Enter an army number to find out what unit/regiment block the number was assigned from (upto WW2) or approximately when the soldier joined the army (post WW2).
 </p>
 </div>
+<div>
+    <form action="{% url 'army-number-search' %}" method="get">
+        <input type="text" name="q" placeholder="Enter army number" value="787569" class="input-text">
+        <input type="submit" value="Search">
+    </form>
+</div>
 {% endblock %}
\ No newline at end of file