From 1081f9c2f451452fd2dc20a7d9a3ead4fb51d80c Mon Sep 17 00:00:00 2001
From: David Baldwynn <david.baldwin@alumni.ubc.ca>
Date: Wed, 11 Nov 2015 13:20:30 -0800
Subject: [PATCH] fixed design tab

---
 public/modules/forms/css/form.css             |  4 ++-
 .../modules/forms/views/adminTabs/design.html | 26 +++++++------------
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/public/modules/forms/css/form.css b/public/modules/forms/css/form.css
index 0e03e1f5..83e4c167 100644
--- a/public/modules/forms/css/form.css
+++ b/public/modules/forms/css/form.css
@@ -204,7 +204,9 @@ div.config-form .row.field {
 
     div.config-form > .row > .container:nth-of-type(odd){
         border-right: 1px #ddd solid;
-        /*padding-left: 1em;*/
+    }
+    div.config-form.design > .row > .container:nth-of-type(odd){
+        border-right: none;
     }
 
         div.config-form .row > .field-input {
diff --git a/public/modules/forms/views/adminTabs/design.html b/public/modules/forms/views/adminTabs/design.html
index d969c02a..2065b46f 100644
--- a/public/modules/forms/views/adminTabs/design.html
+++ b/public/modules/forms/views/adminTabs/design.html
@@ -1,7 +1,6 @@
-<div class="config-form container">
+<div class="config-form design container">
 	<div class="row">
         <div class="col-md-12 container">
-        	Title
             <div class="row">
                 <div class="col-sm-12">
                     <h2 class="hidden-sm hidden-xs">Change how your Form Looks</h2>
@@ -9,25 +8,23 @@
                 </div>
             </div>
 
-            Background Color
             <div class="row field">
-                <div class="field-title col-sm-6">
-                    <h5>Form Background Color</h5>
+                <div class="field-title col-sm-3">
+                    <h5>Background Color</h5>
                 </div>
 
-                <div class="field-input col-sm-6">
+                <div class="field-input col-sm-9">
 
                     <input colorpicker="hex" type="text" ng-model="myform.design.colors.backgroundColor" ng-style="{ 'background-color': myform.design.colors.backgroundColor }"/>
                 </div>
             </div>
 
-            Question Color
             <div class="row field">
-                <div class="field-title col-sm-6">
-                    <h5>Question Color</h5>
+                <div class="field-title col-sm-3">
+                    <h5>Question Font Color</h5>
                 </div>
 
-                <div class="field-input col-sm-6">
+                <div class="field-input col-sm-9">
 
                     <input colorpicker="hex" type="text" ng-model="myform.design.colors.questionColor" ng-style="{ 'background-color': myform.design.colors.questionColor }"/>
 
@@ -35,16 +32,13 @@
                 </div>
             </div>
 
-            Answer Color
             <div class="row field">
-                <div class="field-title col-sm-6">
-                    <h5>Form Answer Color</h5>
+                <div class="field-title col-sm-3">
+                    <h5>Answer Font Color</h5>
                 </div>
 
-                <div class="field-input col-sm-6">
-
+                <div class="field-input col-sm-9">
                     <input colorpicker="hex" type="text" ng-model="myform.design.colors.answerColor" ng-style="{ 'background-color': myform.design.colors.answerColor }"/>
-
                 </div>
             </div>
         </div>