From 48fa3eb3b357b97295f40bdde145933808fcbe5b Mon Sep 17 00:00:00 2001
From: Edward Speyer <edward@fb.com>
Date: Fri, 21 Sep 2012 13:05:56 -0700
Subject: [PATCH] Stop toggle buttons overlapping

Summary:
When there's an AphrontFormToggleButtonsControl with a lot of toggle options,
the rounded shape of the a.toggle buttons overlaps, and the text inside breaks
over multiple lines.

Making them display:block, and floating them left fixes this.

Test Plan: Made my font really big as a test case.

Reviewers: epriestley

Reviewed By: epriestley

CC: bgh, aran, Korvin

Differential Revision: https://secure.phabricator.com/D3529
---
 webroot/rsrc/css/core/buttons.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/webroot/rsrc/css/core/buttons.css b/webroot/rsrc/css/core/buttons.css
index 2f787fc31a..9ec6a17864 100644
--- a/webroot/rsrc/css/core/buttons.css
+++ b/webroot/rsrc/css/core/buttons.css
@@ -163,6 +163,9 @@ a.toggle {
   padding: 2px 6px 3px;
   font-weight: bold;
   margin-right: 4px;
+  margin-bottom: 5px;
+  display: block;
+  float: left;
   color: #777777;
   border-radius: 8px;
   -moz-border-radius: 8px;