improve reddit error messages

static/css/styles.css

@@ -300,6 +300,12 @@ input[type="submit"]:hover,
   cursor: pointer;
   text-decoration: none;
 }
+.reddit-error {
+  text-align: center;
+  float: left;
+  width: 100%;
+  padding: 37px 0px 20px 0px;
+}
 footer {
   padding: 10px;
   margin: 2.5% 0 0;

views/index.pug

@@ -6,11 +6,13 @@ html
   body(class=""+ (user_preferences.theme === 'auto' ? 'dark' : user_preferences.theme) + "")
     include includes/topbar.pug
     if json === null
-      h2 error
-      p #{JSON.stringify(http_status_code)}
-      p #{JSON.stringify(http_statustext)}
-      if http_status_code == "401" || http_status_code == "503"
-        p This error is probably because Reddit itself is down.
+      .reddit-error
+        h2 Error
+        p #{JSON.stringify(http_status_code)}
+        p #{JSON.stringify(http_statustext)}
+        if http_status_code == "401" || http_status_code == "503"
+          p This error is probably caused because Reddit itself is down or having server issues.
+          p Checking <a href="https://www.redditstatus.com">https://www.redditstatus.com</a> might give some information.
     else
       - var subreddit = ''
       if(user_preferences.subbed_subreddits && Array.isArray(user_preferences.subbed_subreddits))