From 60ab63ea31a443466107935e64251da4c83af573 Mon Sep 17 00:00:00 2001
From: Lubomír Sedlář <lsedlar@redhat.com>
Date: Jul 20 2016 16:27:18 +0000
Subject: Align token expiration with ACL button


Define a custom class (based on .btn) that adds the same line height and
vertical padding. This will make the two texts share a common baseline.

---

diff --git a/pagure/static/pagure.css b/pagure/static/pagure.css
index 5c430ad..7f17e4d 100644
--- a/pagure/static/pagure.css
+++ b/pagure/static/pagure.css
@@ -564,3 +564,9 @@ th[data-sort] {
 #watch_project a {
   cursor: pointer;
 }
+
+.btn-align {
+    padding: 6px 0;
+    line-height: 1.42857143;
+    vertical-align: middle;
+}
diff --git a/pagure/templates/settings.html b/pagure/templates/settings.html
index b6a7e05..8e8b0c4 100644
--- a/pagure/templates/settings.html
+++ b/pagure/templates/settings.html
@@ -135,9 +135,9 @@
                 </div>
               </div>
             {% if token.expired %}
-              <span class="text-danger"><strong>Expired</strong> since {{ token.expiration.date() }}</span>
+              <span class="text-danger btn-align"><strong>Expired</strong> since {{ token.expiration.date() }}</span>
             {% else %}
-              <span class="text-success"><strong>Valid</strong> until: {{ token.expiration.date() }}</span>
+              <span class="text-success btn-align"><strong>Valid</strong> until: {{ token.expiration.date() }}</span>
               <form class="pull-xs-right" action="{{ url_for('.revoke_api_token',
                     username=username, repo=repo.name, token_id=token.id) }}"
                 method="post" class="icon">
diff --git a/tests/test_pagure_flask_ui_repo.py b/tests/test_pagure_flask_ui_repo.py
index 0eb57b3..634bab7 100644
--- a/tests/test_pagure_flask_ui_repo.py
+++ b/tests/test_pagure_flask_ui_repo.py
@@ -2888,7 +2888,7 @@ index 0000000..fb7093d
                 '<title>Settings - test - Pagure</title>', output.data)
             self.assertIn('<h3>Settings for test</h3>', output.data)
             self.assertIn(
-                '<span class="text-success"><strong>Valid</strong> until: ',
+                '<span class="text-success btn-align"><strong>Valid</strong> until: ',
                 output.data)
 
     @patch('pagure.ui.repo.admin_session_timedout')