Mobile Integration,Pop Multiple Networks,DataTables responsible update,Migrations

Mobile Integration:
* in footer.php js eingefügt damit das mobile Menu funktioniert
* in menu.php bzw. app.css neue Klasse eingefügt mobile-hide um in der mobilen Version Menupünkte zu verstecken

Pop Multiple Networks
* Pops können nun mehrere Netzgebiete haben
* Netzgebiete und Pop ansicht angepasst
* (Script muss ausgeführt werden um die PopNetwork Table vom Bestand zu befüllen)

DataTables responsible update
* Datatables update und responsible addon
* Diverse Anpassungen für Responsible in:
  - Pops, Geräte Hersteller, Geräte Typen, Devices, Benutzer

Migrations
* PopNetwork
* Poprackmodulepatch

public/assets/css/datatables-std.css

@@ -15,6 +15,20 @@
     float: right;
 }
 
+table.dataTable > tbody > tr.child ul.dtr-details {
+    width: 100%;
+}
+
+table.dataTable > tbody > tr.child span.dtr-title {
+
+    display: table-row;
+}
+
+table.dataTable > tbody > tr.child span.dtr-data {
+    display: table-cell;
+    text-wrap: wrap;
+}
+
 .clear-fa {
     margin-left: 5px;
     font-size: 23px;
@@ -87,21 +101,96 @@
 .w-30 {
     width: 33% !important;
 }
-.fa-ban
-{
+
+.fa-ban {
     color: #0151e7;
     font-size: 15px;
 }
-.fa-circle-check
-{
+
+.fa-circle-check {
     color: #23b900;
     font-size: 15px;
 }
-.fa-circle-xmark
-{
+
+.fa-circle-xmark {
     color: #f1556c;
     font-size: 15px;
 }
-table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled) {
-     padding-right:.85rem ;
+
+table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
+    padding-right: .85rem;
 }
+
+.mobile {
+    width: unset;
+    display: table-cell;
+}
+
+@media (max-width: 1200px) {
+    .fa-circle-xmark, .fa-ban, .fa-trash, .fa-edit, .fa-arrows-up-down-left-right {
+        font-size: 25px;
+    }
+
+    .fa-trash {
+        float: right;
+    }
+
+    .mobile {
+        width: 0px;
+        display: none;
+    }
+
+    .card-body {
+        padding-left: 5px;
+        padding-right: 5px;
+    }
+
+    .form-control {
+        margin-top: 4px;
+    }
+
+    .alert {
+        margin-top: 4px;
+        text-align: center;
+    }
+
+    .check-button {
+        margin-top: 20px;
+    }
+
+    #filterrow {
+        display: none;
+    }
+
+    #datatable {
+        width: 100% !important;
+    }
+}
+
+table.dataTable > tbody > tr.child span.dtr-data {
+    text-wrap: wrap;
+    display: inline-block;
+    width: 100%;
+}
+
+table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
+    padding-right: 1.5rem;
+}
+
+table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
+    content: "▼";
+
+}
+
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
+    margin-right: 0.5em;
+    display: inline-block;
+    color: rgba(0, 0, 0, 0.5);
+    content: "►";
+}
+
+table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
+    background-color: unset;
+    top: 0.85rem;
+}
+