fixed #1290 by removing relative position from star count (#1317)

remmycat · leebyron · commit 07329dada17a · 2017-09-29T15:13:13.000-07:00
diff --git a/pages/src/src/StarBtn.js b/pages/src/src/StarBtn.js
@@ -29,6 +29,7 @@ var StarBtn = React.createClass({
           <span className="gh-ico" />
           <span className="gh-text">Star</span>
         </a>
+        {this.state.stars && <span className="gh-triangle" />}
         {this.state.stars &&
           <a
             className="gh-count"
diff --git a/pages/src/src/StarBtn.less b/pages/src/src/StarBtn.less
@@ -1,9 +1,9 @@
 .github-btn {
   margin-top: -10%;
+  display: flex;
+  flex-direction: row;
 }
 
-.gh-btn,
-.gh-count,
 .gh-ico {
   float: left;
 }
@@ -69,32 +69,36 @@
   background-color: #fafafa;
   display: block !important;
   display: none;
-  margin-left: 10px;
-  position: relative;
 }
 
 .gh-count:hover,
 .gh-count:focus {
   color: #4183C4;
 }
 
-.gh-count:before,
-.gh-count:after {
+.gh-triangle {
+    position: relative;
+    margin-left: 11px;
+    margin-right: -1px;
+}
+
+.gh-triangle:before,
+.gh-triangle:after {
   border-color: transparent;
   border-style: solid;
   content: '';
   position: absolute;
 }
 
-.gh-count:before{
+.gh-triangle:before{
   border-right-color: #fafafa;
   border-width: 8px 8px 8px 0;
   left: -7px;
   margin-top: -8px;
   top: 50%;
 }
 
-.gh-count:after{
+.gh-triangle:after{
   border-right-color: #bababa;
   border-width: 9px 9px 9px 0;
   left: -8px;
