fixing it up a bit for mobile

11 years ago · c960a30301
4 changed files with 22 additions and 6 deletions
--- a/docs/about.html
+++ b/docs/about.html
@ -33,21 +33,30 @@ title: About &middot; Ratchet
            <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=connors&amp;type=follow"></iframe>
            <a class="team-member" href="https://github.com/connors">
              <img src="http://www.gravatar.com/avatar/53d633ae4622de17906338910085275a" alt="@connors">
-              <strong>Connor Sears</strong> @connors
+              <div class="team-member-info">  
+                <strong>Connor Sears</strong>
+                @connors
+              </div>
            </a>
          </div>
          <div class="list-group-item">
            <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=connor&amp;type=follow"></iframe>
            <a class="team-member" href="https://github.com/connor">
              <img src="http://www.gravatar.com/avatar/f12ed6301268a1a8d40f292135e6bfca" alt="@connor">
-              <strong>Connor Montgomery</strong> @connor
+              <div class="team-member-info">
+                <strong>Connor Montgomery</strong>
+                @connor
+              </div>
            </a>
          </div>
          <div class="list-group-item">
            <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=mdo&amp;type=follow"></iframe>
            <a class="team-member" href="https://github.com/mdo">
              <img src="http://www.gravatar.com/avatar/bc4ab438f7a4ce1c406aadc688427f2c" alt="@mdo">
-              <strong>Mark Otto</strong> @mdo
+              <div class="team-member-info">
+                <strong>Mark Otto</strong>
+                @mdo
+              </div>
            </a>
          </div>
        </div>
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@ -2028,9 +2028,13 @@ hr {
  border-radius: 4px;
 }

+.list-group .team-member-info {
+  overflow: hidden;
+}
+
 .list-group .github-btn {
  float: right;
  margin-top: 6px;
-  width: 180px;
+  width: 121px;
  height: 20px;
 }
--- a/docs/assets/css/docs.min.css
+++ b/docs/assets/css/docs.min.css
--- a/sass/docs.scss
+++ b/sass/docs.scss
@ -1116,9 +1116,12 @@ hr {
  margin-right: 10px;
  border-radius: 4px;
 }
+.list-group .team-member-info {
+  overflow: hidden;
+}
 .list-group .github-btn {
  float: right;
  margin-top: 6px;
-  width: 180px;
+  width: 121px;
  height: 20px;
 }