Align appstatus page style with other dashboard pages

src/appstatus.html

@@ -22,6 +22,9 @@
             height: 100%;
             width: 100%;
             text-align: center;
+            font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
+            font-size: 13px;
+            line-height: 1.846;
         }
 
         .content {
@@ -37,23 +40,31 @@
             bottom: 0;
             width: 100%;
             color: #555;
-            font-size: 14px;
+            font-size: 12px;
+            text-align: center;
             padding: 5px;
             z-index: 1000;
             position: fixed;
+            opacity: .5;
+            transition: all .25s;
         }
 
-        footer a {
-            color: #62bdfc;
-            padding: 10px;
+        footer:hover {
+            opacity: 1;
+        }
+
+        a {
+            color: #2196f3;
             text-decoration: none;
+            background-color: transparent;
         }
 
-        h1, h2, p {
-            margin: 10px;
+        a:hover {
+            color: #0a6ebd;
+            text-decoration: underline;
         }
 
-    </style>
+        </style>
 
 </head>
 
@@ -65,9 +76,8 @@
     <p>This app is currently not responding. Try refreshing the page.</p>
 </div>
 
-<footer class="text-center">
+<footer>
     <span class="text-muted"><a href="https://cloudron.io" target="_blank">Cloudron</a></span>
-    <span class="text-muted"><a href="https://forum.cloudron.io" target="_blank">Forum <i class="fa fa-comments"></i></a></span>
 </footer>
 
 </body>