more UI changes

static/engr_styles.css

@@ -15,6 +15,16 @@ body {
 	max-width:120vh;
 }
 
+/* make plot a bit bigger on large phones (bootstrap sm) */
+@media (max-width : 992px)
+ {
+	.mainplot
+	 {
+       max-width:130vh;
+       margin:auto;
+     }
+ }
+
 /* make plot a bit bigger on phones (bootstrap xs) */
 @media (max-width : 768px)
  {
@@ -25,6 +35,12 @@ body {
      }
  }
 
+
+.dosplot {
+	max-width:90vh;
+	margin:auto;
+}
+
 .col-centered{
     float: none;
     margin: 0 auto;

templates/ashby.html

@@ -5,7 +5,7 @@
 <div class="container-fluid">
 
 <div class="row">
-<div class="col-sm-5 col-md-3 col-lg-offset-1">
+<div class="col-sm-4 col-md-3 col-lg-offset-1">
    <div class="subheading">Ashby Plot</div>
    Create scatterplots comparing various attributes from the magnet database. There are 167 magnets in the database, including 33 with measured magnetocaloric properties. Click on any datapoint to see more information, including calculated densities of states.
 
@@ -54,7 +54,7 @@ <h4>switch x and y </h4>
 </div>
 </div>
 
-<div class="col-sm-7 col-md-9 col-lg-7 mainplot">
+<div class="col-sm-8 col-md-9 col-lg-7 mainplot">
   {{ script|safe }}
   {{ div|safe }}
 </div>

templates/dos.html

@@ -11,13 +11,13 @@
 <div class="container-fluid">
 <div class="row">
 
-<div class="col-xs-6">
+<div class="col-md-6 dosplot">
   <h1>{{formula}}</h1>
   {{ script|safe }}
   {{ div|safe }}
 </div>
 
-<div class="col-xs-6">
+<div class="col-md-6">
 
   <h3>Experimental and calculated data</h3>
   <table id="dos-table"  class="table table-hover">