Fix oversized table for Macro and Wifi Scan

Use properly table-responsive class for bootstrap 3

Author: luc-github

www/sub/macrodlg.html

@@ -7,14 +7,16 @@
       <h3><div class="modal-title" translate>Macro Editor</div></h3>
     </div>
     <div class="modal-body">
-        <table class="table table-responsive">
+    <div class="table-responsive">
+        <table class="table">
              <thead>
                 <tr><th></th><th translate>Name</th><th translate>Icon</th><th  translate>Color</th><th translate>Target</th><th translate>Filename</th></tr>
             </thead>
             <tbody id="dlg_macro_list">
             </tbody>
         </table>
     </div>
+    </div>
     <div class="modal-footer" >
       <div class="pull-left" id="macrodlg_upload_msg">
         <span translate>Saving</span>

www/sub/scanwifidlg.html

@@ -11,7 +11,8 @@ <h3><div class="modal-title"><span translate>List of available Access Points</sp
             <span id="AP_scan_status" translate>Scanning</span>
             <div class="loader hide_it" id="AP_scan_loader"></div>
            <span class='hide_it' id="AP_scan_list">
-                <table class="table table-bordered table-striped table-responsive">
+               <div class="table-responsive">
+                <table class="table table-bordered table-striped">
                      <thead class="noshowonlowres">
                         <tr>
                             <th translate>SSID</th>
@@ -22,6 +23,7 @@ <h3><div class="modal-title"><span translate>List of available Access Points</sp
                     </thead>
                  <tbody id="AP_scan_data"></tbody>
             </table>
+            </div>
            </span>
         </center>
     </div>