[couchdb-fauxton] branch master updated: Reduce the whitespace around index results (#953)

[ga...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

garren pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/couchdb-fauxton.git


The following commit(s) were added to refs/heads/master by this push:
     new 9d7d64e  Reduce the whitespace around index results (#953)
9d7d64e is described below

commit 9d7d64eb6c871e1571cdcc814169d4b88bea213e
Author: Will Holley <wi...@gmail.com>
AuthorDate: Mon Aug 14 09:55:47 2017 +0100

    Reduce the whitespace around index results (#953)
    
    There's an awful lot of unused screen when viewing JSON results
    (all docs, mango queries, etc). This reduces the margin and padding
    to improve information density.
---
 app/addons/components/assets/less/docs.less | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/addons/components/assets/less/docs.less b/app/addons/components/assets/less/docs.less
index 473a305..0f68581 100644
--- a/app/addons/components/assets/less/docs.less
+++ b/app/addons/components/assets/less/docs.less
@@ -33,7 +33,7 @@
       header {
         font-weight: bold;
         position: relative;
-        padding: 20px;
+        padding: 5px 10px;
         background-color: @docHeaderBG;
         border-bottom: 1px solid @docHeaderBorderBottom;
         border-left: 1px solid @docHeaderOtherBorders;
@@ -41,18 +41,23 @@
         border-top: 1px solid @docHeaderOtherBorders;
         .header-doc-id {
           color: @docHeaderDocId;
-          margin-left: 10px;
+          margin-left: 0;
+        }
+        .header-keylabel {
+          margin-right: 10px;
+        }
+        .header-keylabel:empty
+        {
+          display:none;
         }
-        .header-keylabel,
         .fonticon-pencil {
           color: @docHeaderLabels;
         }
         .doc-edit-symbol {
-          top: -3px;
           position: relative;
         }
         .fonticon-pencil {
-          font-size: 20px;
+          font-size: 16px;
         }
         .fonticon-pencil:hover {
           color: @hoverHighlight;
@@ -75,7 +80,7 @@
     }
   }
   .checkbox.inline {
-    padding-top: 32px;
+    padding-top: 17px;
     padding-left: 0;
     label {
       padding-left: 23px; // 7px to the right-border + 16px around

-- 
To stop receiving notification emails like this one, please contact
['"commits@couchdb.apache.org" <co...@couchdb.apache.org>'].