From 0baba4bb54a456096c036012b2d3409a59a32acc Mon Sep 17 00:00:00 2001
From: Chad Birch <chad.birch@gmail.com>
Date: Thu, 25 Jul 2013 22:30:56 -0600
Subject: [PATCH] Post buttons: Allow wrapping on smaller screens

---
 r2/r2/public/static/css/reddit-ie7-hax.css | 4 ++++
 r2/r2/public/static/css/reddit.less        | 5 +++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/r2/r2/public/static/css/reddit-ie7-hax.css b/r2/r2/public/static/css/reddit-ie7-hax.css
index e97169d37..b4eec0ace 100644
--- a/r2/r2/public/static/css/reddit-ie7-hax.css
+++ b/r2/r2/public/static/css/reddit-ie7-hax.css
@@ -3,6 +3,10 @@
     height: 17px;
 }
 
+/* IE7 doesn't understand inline-block */
+.entry .flat-list.buttons li { display: inline; }
+.pretty-button { display: inline; }
+
 .entry.unvoted .score.unvoted { display: inline;  }
 .entry.unvoted div.score.unvoted { display: inline;  }
 
diff --git a/r2/r2/public/static/css/reddit.less b/r2/r2/public/static/css/reddit.less
index fe2e2a112..489a59518 100755
--- a/r2/r2/public/static/css/reddit.less
+++ b/r2/r2/public/static/css/reddit.less
@@ -1476,9 +1476,10 @@ a.star { text-decoration: none; color: #ff8b60 }
 
 /* buttons on main link style */
 .entry .buttons li {
-    display: inline;
+    display: inline-block;
     border: none;
     padding-right: 4px;
+    line-height: 1.6em;
 }
 .entry .buttons li + li {
     padding-left: 4px;
@@ -5633,6 +5634,7 @@ a.adminbox:hover {
 a.pretty-button:hover { text-decoration: none !important }
 
 .pretty-button {
+    display: inline-block;
     margin-left: 5px;
     margin-bottom: 5px;
 
@@ -5644,7 +5646,6 @@ a.pretty-button:hover { text-decoration: none !important }
     font-size: 10px;
     font-weight: normal;
 
-    line-height: 20px;
     border-radius: 3px;
     outline-style: none;
 }