Update pinry tag handler and spinner

pinry/static/css/pinry.css

@@ -201,3 +201,10 @@ a {
         .form-actions {
             margin-bottom: 0;
         }
+
+.spinner {
+    background: url('../img/loader.gif');
+    width: 31px;
+    height: 31px;
+    margin: auto;
+}

pinry/static/js/helpers.js

@@ -14,9 +14,13 @@ function renderTemplate(templateId, context) {
 
 
 function cleanTags(tags) {
-    if (typeof tags === 'string') {
+    if (typeof tags === 'string' && tags.length > 0) {
-        tags = tags.split(',');
+        tags = tags.split(/[\s,]+/);
-        for (var i in tags) tags[i] = tags[i].trim();
+        for (var i in tags) {
+            tags[i] = tags[i].trim();
+        }
+    } else {
+        return null;
     }
     return tags;
 }

pinry/templates/base.html

@@ -15,7 +15,7 @@
             \  \:\       \__\/      \  \:\        \  \:\           \__\/
              \__\/                   \__\/         \__\/             -->
 
-        <title>{{ SITE_NAME }} - {% block title %}{% endblock %}</title>
+        <title>{% block title %}{{ SITE_NAME }}{% endblock %}</title>
 
         <!-- CSS -->
         <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Monoton"/>

pinry/templates/core/pins.html

@@ -1,14 +1,6 @@
 {% extends "base.html" %}
 
-{% block title %}Recent Pins{% endblock %}
-
 {% block yield %}
     <div id="pins"></div>
-    <div class="container spinner">
+    <div class="spinner"></div>
-        <div class="row">
-            <div class="span12" align="center">
-                <img src="{{ STATIC_URL }}img/loader.gif" alt="Loader">
-            </div>
-        </div>
-    </div>
 {% endblock %}