Mobile responsive for Transaction View

app/views/transactions/shift_sales/index.html.erb

@@ -7,6 +7,13 @@
     </span>
   </ol>
 </div>
+<style>
+  @media screen and (max-width: 785px) {
+    section.content{
+      margin: 80px 5px 0 5px !important;
+    }
+  }
+</style>
 <div class="row">
   <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
       <div class="main-box-body clearfix p-l-5 p-r-5">
@@ -21,7 +28,7 @@
                          <label><%= t("views.right_panel.detail.enter_keyboards") %></label>
                          <input type="text" name="receipt_no" class="form-control" placeholder="" style="margin-right: 10px">
                        </div>
-                       <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"> 
+                       <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                          <label class=""><%= t("views.right_panel.detail.from") %></label>
                          <input class="form-control datepicker" name="from" id="from date" type="text" placeholder="From date">
                       </div>
@@ -29,7 +36,7 @@
                         <label class=""><%= t("views.right_panel.detail.to") %></label>
                         <input class="form-control datepicker" name="to" id="to date" type="text" placeholder="To date">
                       </div>
-                      
+
                       <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
                         <label></label>
                         <br><input type="submit" value="Search" class='btn btn-primary btn-md'>
@@ -107,6 +114,3 @@
   });
 
 </script>
-
-     
-