smart responsive chart

Siskop · Sep 23, 2014 · 2f65a16 · 2f65a16
1 parent 7f5a34a
commit 2f65a16
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
@@ -41,6 +41,11 @@ h1 {
 }
 
 
+#students-chart-wrapper {
+  max-width: 400px;
+  max-height: 400px;
+}
+
 
 
 /* Sticky footer styles

diff --git a/app/views/students/index.html.haml b/app/views/students/index.html.haml
@@ -1,8 +1,8 @@
 - title "Student Index"
 .page-header
   %h1 Student Progress
-.center-block.text-center
-  %canvas#students-chart{height: 400, width: 800}
+.center-block.text-center#students-chart-wrapper
+  %canvas#students-chart{height: 400, width: 400}
 .page-header
   = link_to new_student_path, :class => 'btn btn-primary' do
     %span.glyphicon.glyphicon-plus