Change checkin page layout

vendor/regidesk/regidesk/templates/regidesk/ci_landing.html

@@ -9,15 +9,21 @@
 {% endblock %}
 
 {% block content %}
-
-<div class="my-5 col-12">
+<div class="row">
+    <div class="col-12">
         <h2>Check-in</h2>
         <p>Please scan QR Code or enter it below</p>
-    <p><strong id="note"></strong></p>    
-    <video id="preview"" autoplay style="width: 500px; height: 500px; border: 1px solid green;"></video>
+    </div>
 </div>
 
-    <div class="my-5 col-12">
+<div class="row">
+
+<div class="col-6">
+    <p><strong id="note"></strong></p>
+    <video id="preview"" autoplay style=" height: 400px;"></video>
+</div>
+
+<div class="col-6">
     <div id="code_div" class="form-group has-feedback has-error">
         <label class="control-label" for="bpcode">Boarding Pass Code</label>
         <input id="bptext" type="text" class="form-control" id="bpcode" placeholder="Code">
@@ -25,11 +31,15 @@
         <span id="help_ok" class="help-block" style="display: none;">Format appears OK</span>
         <span id="help_ur" class="help-block" style="display: block;">Format doesn't match</span>
     </div>
+    <div>
         <button id="bpredir" class="btn btn-primary">Submit</button>
         <button id="clear" class="btn btn-danger">Clear</button>
-        <a type=button" class="btn btn-info pull-right" href="{% url 'regidesk:boarding_overview' %}">Overview</a>
     </div>
-
+    <div class="py-5">
+        <a href="{% url 'regidesk:boarding_overview' %}">Overview (Search page)</a>
+    </div>
+</div>
+</div>
 
 <script type="text/javascript">
     let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });