From b1b8074733f2eba996383df4d2f7dfd7aecb23d5 Mon Sep 17 00:00:00 2001
From: Brian Lee <briancmlee23@gmail.com>
Date: Thu, 18 Jan 2018 17:53:14 +1100
Subject: [PATCH] fix(commit): Fix certificate text overflow (#16494)

Layout certificate buttons vertically
---
 client/less/main.less          | 4 ++++
 server/views/commit/index.jade | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/less/main.less b/client/less/main.less
index d02dd193ce..4a337d20b6 100644
--- a/client/less/main.less
+++ b/client/less/main.less
@@ -48,6 +48,10 @@ pre.wrappable {
   border-color: @brand-primary;
 }
 
+.btn-group-vertical {
+  width: 100%;
+}
+
 .full-screen-body-background {
   background-color: @body-bg;
 }
diff --git a/server/views/commit/index.jade b/server/views/commit/index.jade
index 052aafd984..acde265865 100644
--- a/server/views/commit/index.jade
+++ b/server/views/commit/index.jade
@@ -22,7 +22,7 @@ block content
         .row
             .col-xs-12.col-sm-6.col-sm-offset-3
                 h3 Step 1: Which certification do you pledge to complete?
-                .btn-group.btn-group-justified(data-toggle='buttons' role='group')
+                .btn-group-vertical(data-toggle='buttons' role='group')
                     label.btn.btn-primary.active
                         input(type='radio' id="respWebDesignCert" value="Responsive Web Design Certification" name='goal' checked="checked")
                         | Responsive Web Design