Merge branch 'dev'

css/responsive.css

@@ -82,7 +82,7 @@
 
 @media screen and (max-width: 640px) {
     .brand {
-        padding: 0 5px;
+        padding: 0;
     }
     .brand h1 {
         font-size: 32px;
@@ -104,9 +104,12 @@
     }
     .about {
         margin-top: 10px;
+        width: 100%;
+        border-radius: 0;
     }
     .tabs {
         padding: 2px 10px 0 10px;
+        border-radius: 0;
     }
     .tabs a {
         font-size: 12px;
@@ -148,15 +151,12 @@
 }
 
 @media screen and (max-height: 450px) {
-    .h-on {
+    .h-on, .logo, h1  {
         display: none;
     }
     .about {
         margin-top: 10px;
     }
-    .logo {
-        display: none;
-    }
 }
 
 /*Resolution Support*/

index.html

@@ -8,6 +8,8 @@
     <link rel="shortcut icon" href="/favicon.ico">
     <meta name="keywords" content="rx,redxen,community,game,games,server,discord,pmbot,forum">
     <meta name="author" content="caskd">
+    <meta name="theme-color" content="#d22">
+    <link rel="icon" sizes="222x222" href="res/logowhite.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta charset="UTF-8">
     <link rel="stylesheet" href="css/important.css">
@@ -20,7 +22,7 @@
     <div id="page" class="page flex column">
         <div class="branding flex row float">
             <div class="brand flex column justify-center">
-                <h1 class="slide-top flex column">RedXen Community</h1>
+                <h1 class="slide-top flex column h-hide">RedXen Community</h1>
                 <div class="slide-left flex column">
                     <p class="h-hide">The community that empowers gamers</p>
                     <div class="h-hide links flex">

manifest.json

@@ -8,8 +8,8 @@
     "background_color": "#e22",
     "description": "The Community that empowers gamers!",
     "icons": [{
-        "src": "res/logo.svg",
-        "sizes": "48x48",
-        "type": "image/svg+xml"
+        "src": "res/logowhite.png",
+        "sizes": "222x222",
+        "type": "image/png"
   }]
 }