From e10b5a29b86c7eca947206fdd6d44e3b1f3c3aa5 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 19 Oct 2018 12:58:54 +0800
Subject: [PATCH] feat: bring up admin badge style

---
 src/disqusjs.css | 46 +++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 39 insertions(+), 7 deletions(-)

diff --git a/src/disqusjs.css b/src/disqusjs.css
index 325278e..2b84079 100644
--- a/src/disqusjs.css
+++ b/src/disqusjs.css
@@ -13,7 +13,7 @@
 
 #dsqjs .dsqjs-bullet {
     line-height: 1.4;
-    margin: 0 4px;
+    margin: 0 2px;
 }
 
 #dsqjs .dsqjs-bullet::after {
@@ -77,12 +77,12 @@
 
 #dsqjs .dsqjs-post-list .dsqjs-post-item {
     position: relative;
-    margin-bottom: 20px;
+    margin-bottom: 16px;
 }
 
 #dsqjs .dsqjs-post-list .dsqjs-post-avatar {
     float: left;
-    margin-right: 12px;
+    margin-right: 10px;
     position: relative;
     background: #dbdfe4;
     padding: 0;
@@ -112,6 +112,21 @@
     font-weight: 700;
 }
 
+#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {
+    color: #fff;
+    background: #687a86;
+    padding: 1px 3px;
+    margin-left: 4px;
+    font-size: 12px;
+    line-height: 1;
+    font-weight: 700;
+    border-radius: 3px;
+    display: inline-block;
+    position: relative;
+    top: -1px;
+    left: 1px;
+}
+
 #dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {
     display: inline-block;
     font-size: 12px;
@@ -129,7 +144,25 @@
 }
 
 #dsqjs .dsqjs-post-list.dsqjs-children li {
-    margin-left: 50px;
+    margin-left: 30px;
+}
+
+@media (min-width: 768px) {
+    #dsqjs .dsqjs-post-list.dsqjs-children li {
+        margin-left: 48px;
+    }
+    #dsqjs .dsqjs-post-list .dsqjs-post-avatar {
+        margin-right: 12px;
+    }
+    #dsqjs .dsqjs-post-list .dsqjs-post-item {
+        margin-bottom: 20px;
+    }
+}
+
+@media (min-width: 1024px) {
+    #dsqjs .dsqjs-post-list.dsqjs-children li {
+        margin-left: 60px;
+    }
 }
 
 #dsqjs .dsqjs-post-list.dsqjs-children .dsqjs-post-avatar img {
@@ -151,7 +184,6 @@
     background-position: 50% 50%;
     background-repeat: no-repeat;
     display: inline-block;
-    margin-bottom: -1.35px;
-    height: 14px;
-    width: 76.65px;
+    height: 12px;
+    width: 65.7px;
 }
\ No newline at end of file