From 65bb3a8ce388a4d926f39e85e6e2f48d59b8bbce Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Tue, 19 May 2015 17:53:20 -0400
Subject: [PATCH] Add flexbox buttons

---
 src/definitions/elements/button.less | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less
index 7d7808b4c..2ee0834a5 100755
--- a/src/definitions/elements/button.less
+++ b/src/definitions/elements/button.less
@@ -917,7 +917,6 @@
 
 .ui.buttons .or {
   position: relative;
-  float: left;
   width: @orGap;
   height: @orHeight;
   z-index: 3;
@@ -1037,7 +1036,7 @@
 .ui.fluid.buttons,
 .ui.button.fluid,
 .ui.fluid.buttons > .button {
-  display: block;
+  display: flex;
   width: 100%;
 }
 
@@ -2582,8 +2581,9 @@
 *******************************/
 
 .ui.buttons {
-  display: inline-block;
-  vertical-align: middle;
+  display: inline-flex;
+  flex-direction: row;
+  vertical-align: baseline;
   margin: @verticalMargin @horizontalMargin 0em 0em;
 }
 .ui.buttons > .button:hover,
@@ -2612,7 +2612,6 @@
 
 .ui.buttons .button {
   margin: 0em;
-  float: left;
   border-radius: 0em;
   margin: @groupButtonOffset;
 }
@@ -2630,7 +2629,8 @@
 
 /* Vertical  Style */
 .ui.vertical.buttons {
-  display: inline-block;
+  display: inline-flex;
+  flex-direction: column;
 }
 .ui.vertical.buttons .button {
   display: block;