From 0b751d62dfb74ac5693a9c199aeb8d9d4980a7f4 Mon Sep 17 00:00:00 2001
From: FreneticScribbler <aj@aronajones.com>
Date: Tue, 6 Oct 2020 16:08:31 +0100
Subject: [PATCH] Mobile fixes for search

---
 templates/index.html           | 2 +-
 templates/partials/search.html | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index c82341db..e6655883 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -7,7 +7,7 @@
 <div class="row">
     <h1 class="col-sm-12 pb-3">R<small class="text-muted">ig</small> I<small class="text-muted">nformation</small class="text-muted"> G<small class="text-muted">athering</small> S<small class="text-muted">ystem</small></h1>
     <h4 class="col-sm-12 pb-3">Welcome back {{ user.get_full_name }}, there {%if rig_count == 1 %}is one rig coming up{%else%}are {{ rig_count|apnumber }} rigs coming up.{%endif%}</h4>
-    <div class="col-sm">
+    <div class="col-sm mb-3">
         <div class="card">
             <h4 class="card-header">Rigboard</h4>
             <div class="list-group list-group-flush">
diff --git a/templates/partials/search.html b/templates/partials/search.html
index ece2ab93..33e9257a 100644
--- a/templates/partials/search.html
+++ b/templates/partials/search.html
@@ -1,10 +1,10 @@
 {% if user.is_authenticated %}
-<form id="searchForm" class="form-inline flex-nowrap mx-3" role="form" method="GET" action="{% url 'event_archive' %}">
+<form id="searchForm" class="form-inline flex-nowrap mx-md-3" role="form" method="GET" action="{% url 'event_archive' %}">
     <div class="input-group input-group-sm flex-nowrap">
         <div class="input-group-prepend">
             <input id="id_search_input" type="search" name="q" class="form-control form-control-sm" placeholder="Search..." value="{{ request.GET.q }}" />
         </div>
-        <select id="search-options" class="custom-select form-control" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
+        <select id="search-options" class="custom-select form-control w-25" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
           <option selected data-action="{% url 'event_archive' %}" href="#">Events</option>
           <option data-action="{% url 'person_list' %}" href="#">People</option>
           <option data-action="{% url 'organisation_list' %}" href="#">Organisations</option>
@@ -16,8 +16,8 @@
           <option data-action="{% url 'supplier_list' %}" href="#">Suppliers</option>
         </select>
     </div>
-    <button class="btn btn-info form-control form-control-sm btn-sm" style="border-top-left-radius: 0px;border-bottom-left-radius: 0px;">Search</button>
-    <a href="{% url 'search_help' %}" class="nav-link modal-href btn-sm"><span class="fas fa-question-circle"></span></a>
+    <button class="btn btn-info form-control form-control-sm btn-sm w-25" style="border-top-left-radius: 0px;border-bottom-left-radius: 0px;"><span class="fas fa-search"></span><span class="sr-only"> Search</span></button>
+    <a href="{% url 'search_help' %}" class="nav-link modal-href btn-sm ml-2"><span class="fas fa-question-circle"></span></a>
 </form>
 {% endif %}