Fixed up mobile view of routerconsole with a mobile.css in each theme

apps/routerconsole/jsp/css.jsi

@@ -50,6 +50,12 @@
        // Use RTL theme for Arabic
 %>
 <link href="<%=intl.getTheme(request.getHeader("User-Agent"))%>console_ar.css" rel="stylesheet" type="text/css">
+<%
+   }
+   if (!intl.allowIFrame(request.getHeader("User-Agent"))) {
+%>
+<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+<link href="<%=intl.getTheme(request.getHeader("User-Agent"))%>mobile.css" rel="stylesheet" type="text/css">
 <%
    }
 %>

installer/resources/themes/console/classic/mobile.css

@@ -0,0 +1,30 @@
+div.routersummaryouter {
+     float: none;
+     margin: 0 1px 0 0;
+     position: relative;
+     width: auto;
+}
+
+div.routersummary {
+     float: none;
+     width: auto;
+}
+
+div.routersummary table {
+     width: 100% !important;
+}
+
+h1 {
+     margin: 0 1px 0 0;
+     min-width: 0;
+}
+
+div.news {
+     margin: -1px 1px 0 0;
+     min-width: 0;
+}
+
+div.main {
+     margin: 0 1px 0 0;
+     min-width: 0;
+}

installer/resources/themes/console/dark/mobile.css

@@ -0,0 +1,30 @@
+div.routersummaryouter {
+     float: none;
+     margin: 0 5px 10px;
+     position: relative;
+     width: auto;
+}
+
+div.routersummary {
+     float: none;
+     width: auto;
+}
+
+div.routersummary table {
+     width: 100% !important;
+}
+
+h1 {
+     margin: 0 5px !important;
+     min-width: 0;
+}
+
+div.news {
+     margin: -1px 5px 0;
+     min-width: 0;
+}
+
+div.main {
+     margin: -1px 5px 5px;
+     min-width: 0;
+}

installer/resources/themes/console/light/mobile.css

@@ -0,0 +1,30 @@
+div.routersummaryouter {
+     float: none;
+     margin: 0 10px 10px 0;
+     position: relative;
+     width: auto;
+}
+
+div.routersummary {
+     float: none;
+     width: auto;
+}
+
+div.routersummary table {
+     width: 100% !important;
+}
+
+h1 {
+     margin: 0 10px 10px 0;
+     min-width: 0;
+}
+
+div.news {
+     margin: 0 10px 5px 0;
+     min-width: 0;
+}
+
+div.main {
+     margin: 10px 10px 20px 0;
+     min-width: 0;
+}

installer/resources/themes/console/midnight/mobile.css

@@ -0,0 +1,30 @@
+div.routersummaryouter {
+     float: none;
+     margin: 0 5px 5px 0;
+     position: relative;
+     width: auto;
+}
+
+div.routersummary {
+     float: none;
+     width: auto;
+}
+
+div.routersummary table {
+     width: 100% !important;
+}
+
+h1 {
+     margin: 5px 5px 0 0;
+     min-width: 0;
+}
+
+div.news {
+     margin: -1px 5px 0 0;
+     min-width: 0;
+}
+
+div.main {
+     margin: 0 5px 5px 0;
+     min-width: 0;
+}