From 4a6eaf302171dbf7e858265021ee26f42ad6c49e Mon Sep 17 00:00:00 2001
From: Brian Koh <kxmbrian@gmail.com>
Date: Tue, 20 Jan 2015 20:22:21 +0800
Subject: [PATCH] Improve aesthetic

---
 app/assets/stylesheets/mission_submissions.css.scss      | 9 +++++++++
 .../mission_submissions/_scribing_canvas.html.erb        | 6 ++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/mission_submissions.css.scss b/app/assets/stylesheets/mission_submissions.css.scss
index 74026e0b1..7fe8ee85a 100644
--- a/app/assets/stylesheets/mission_submissions.css.scss
+++ b/app/assets/stylesheets/mission_submissions.css.scss
@@ -78,6 +78,15 @@ input.scribing-color-val {
   margin: 0px;
 }
 
+div.panel {
+  padding: 1px;
+  margin-bottom: 0px;
+  background-color: #f2f2f2;
+  border: 2px solid #dddddd;
+  border-radius: 0px;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+}
 
 //hr { border: 1px solid #353535; border-width: 1px 0 0 0; }
 
diff --git a/app/views/assessment/mission_submissions/_scribing_canvas.html.erb b/app/views/assessment/mission_submissions/_scribing_canvas.html.erb
index 4331d14ed..7e54f33e5 100644
--- a/app/views/assessment/mission_submissions/_scribing_canvas.html.erb
+++ b/app/views/assessment/mission_submissions/_scribing_canvas.html.erb
@@ -67,8 +67,10 @@
 					</a>
 				</div>
 				<div class="btn-group hidden" id="scribing-drawing-tools-<%= qid %>">
-          <input type="text" class="scribing-color-val" id="scribing-color-<%= qid %>"></input>
-			    <input type="range" id="scribing-width-<%= qid %>" value="2" min="0" max="30" style="width: 100px"></input>
+					<div class="panel">
+	          <input type="text" class="scribing-color-val" id="scribing-color-<%= qid %>"></input>
+				    <input type="range" id="scribing-width-<%= qid %>" value="2" min="0" max="30" style="width: 100px"></input>
+			    </div>
 				</div>
 			</div>
 			<canvas class="scribing-canvas"