Improve aesthetic

Coursemology · Jan 20, 2015 · 4a6eaf3 · 4a6eaf3
1 parent af779f9
commit 4a6eaf3
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git 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
@@ -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"