From 780796dc2ae1d814b7c486c6e36fe565b985f2e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?P=C4=93teris=20Caune?= <cuu508@gmail.com>
Date: Fri, 10 Nov 2017 22:03:33 +0200
Subject: [PATCH] UI tweak for the special case when the account has no tags.

---
 static/css/settings.css        |  5 ++++-
 templates/accounts/badges.html | 12 ++----------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/static/css/settings.css b/static/css/settings.css
index 61e41c3f..9c805acd 100644
--- a/static/css/settings.css
+++ b/static/css/settings.css
@@ -30,10 +30,13 @@
 }
 
 .table td.overall-status {
-    padding-top: 32px;
     border-top: 0;
 }
 
+.table td.have-tags {
+    padding-top: 32px;
+}
+
 #badges-json {
     display: none;
 }
diff --git a/templates/accounts/badges.html b/templates/accounts/badges.html
index 73cd4294..f9ba9340 100644
--- a/templates/accounts/badges.html
+++ b/templates/accounts/badges.html
@@ -29,7 +29,6 @@
                     URLs. If you wish, you can add them to your READMEs,
                     dashboards or status pages.
                 </p>
-                {% if urls %}
 
                 <div id="b-format" class="btn-group" data-toggle="buttons">
                     <label id="show-svg" class="btn btn-default active">
@@ -52,7 +51,7 @@
                     </tr>
                     {% endfor %}
                     <tr>
-                        <td class="overall-status" colspan="2">Overall status:</td>
+                        <td class="overall-status {% if urls %}have-tags{% endif %}" colspan="2">Overall status:</td>
                     </tr>
                     <tr>
                         <td>
@@ -74,7 +73,7 @@
                     </tr>
                     {% endfor %}
                     <tr>
-                        <td class="overall-status" colspan="2">Overall status:</td>
+                        <td class="overall-status {% if urls %}have-tags{% endif %}"" colspan="2">Overall status:</td>
                     </tr>
                     <tr>
                         <td class="json-response" data-url="{{ master.json }}">
@@ -83,13 +82,6 @@
                         </td>
                     </tr>
                 </table>
-                {% else %}
-                <p>
-                    To get started with status badges, add some tags to
-                    your checks!
-                </p>
-                {% endif %}
-
             </div>
         </div>
     </div>