Tweak line-height for requesting contacts

03bda96e · JC Brand · 69172af4 · 03bda96e · 03bda96e · 03bda96e
Commit 03bda96e authored Mar 20, 2018 by JC Brand
Hide whitespace changes
Inline Side-by-side

Showing with 15 additions and 7 deletions

css/converse.css css/converse.css +4 -2

css/inverse.css css/inverse.css +4 -2

inverse.html inverse.html +2 -1

sass/_roster.scss sass/_roster.scss +5 -2

No files found.
--- a/css/converse.css
+++ b/css/converse.css
@@ -5828,8 +5828,10 @@ body.reset {
        line-height: 14px;
        width: 100%;
        margin-top: 0.5em; }
-        #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a.fa {
-          width: 1.5em; }
+        #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a {
+          line-height: 16px; }
+          #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a.fa {
+            width: 1.5em; }
        #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .req-contact-name {
          padding: 0 0.2em 0 0; }
        #conversejs #converse-roster .roster-contacts .roster-group li a:hover {

--- a/css/inverse.css
+++ b/css/inverse.css
@@ -5960,8 +5960,10 @@ body {
        line-height: 16px;
        width: 100%;
        margin-top: 0.5em; }
-        #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a.fa {
-          width: 1.5em; }
+        #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a {
+          line-height: 22px; }
+          #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a.fa {
+            width: 1.5em; }
        #conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .req-contact-name {
          padding: 0 0.2em 0 0; }
        #conversejs #converse-roster .roster-contacts .roster-group li a:hover {

--- a/inverse.html
+++ b/inverse.html
@@ -7,8 +7,9 @@
    <link rel="shortcut icon" type="image/ico" href="css/images/favicon.ico"/>
    <script type="text/javascript" src="inverse-analytics.js"></script>
    <noscript><p><img src="//stats.opkode.com/piwik.php?idsite=5" style="border:0;" alt="" /></p></noscript>
+    <link type="text/css" rel="stylesheet" media="screen" href="node_modules/font-awesome/css/font-awesome.css" />
    <link type="text/css" rel="stylesheet" media="screen" href="https://cdn.conversejs.org/css/inverse.min.css" />
-    <script src="/cdn.conversejs.org/dist/converse.min.js"></script>
+    <script src="https://cdn.conversejs.org/dist/converse.min.js"></script>
 </head>
 <body>
    <div class="content">

--- a/sass/_roster.scss
+++ b/sass/_roster.scss
@@ -84,8 +84,11 @@
                margin-top: 0.5em;

                &.requesting-xmpp-contact {
-                    a.fa {
-                        width: 1.5em;
+                    a {
+                        line-height: $line-height;
+                        &.fa {
+                            width: 1.5em;
+                        }
                    }
                    .req-contact-name {
                        padding: 0 0.2em 0 0;