Add a search box with a default color.

gm3dmo · Sep 30, 2023 · 73f81fc · 73f81fc
1 parent 78132cf
commit 73f81fc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git 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
@@ -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 %}