From 48519c0be83178bcf945909a1965ed64e489e0dc Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Mon, 20 Nov 2017 14:16:32 -0800
Subject: [PATCH] Refactor display options input to receive column size as a
 prop

---
 ui/src/dashboards/components/DisplayOptionsInput.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/ui/src/dashboards/components/DisplayOptionsInput.js b/ui/src/dashboards/components/DisplayOptionsInput.js
index f0f5a61b4..4e6707345 100644
--- a/ui/src/dashboards/components/DisplayOptionsInput.js
+++ b/ui/src/dashboards/components/DisplayOptionsInput.js
@@ -1,7 +1,14 @@
 import React, {PropTypes} from 'react'
 
-const DisplayOptionsInput = ({id, name, value, onChange, labelText}) =>
-  <div className="form-group col-sm-6">
+const DisplayOptionsInput = ({
+  id,
+  name,
+  value,
+  onChange,
+  labelText,
+  colWidth,
+}) =>
+  <div className={`form-group ${colWidth}`}>
     <label htmlFor={name}>
       {labelText}
     </label>
@@ -19,6 +26,7 @@ const {func, string} = PropTypes
 
 DisplayOptionsInput.defaultProps = {
   value: '',
+  colWidth: 'col-sm-6',
 }
 
 DisplayOptionsInput.propTypes = {
@@ -27,6 +35,7 @@ DisplayOptionsInput.propTypes = {
   value: string.isRequired,
   onChange: func.isRequired,
   labelText: string,
+  colWidth: string,
 }
 
 export default DisplayOptionsInput