Change responsive grid sizing

website/static/css/style.css

@@ -33,13 +33,14 @@ body {
 }
 
 .grid-box{
-    font-size:200%;
+    font-size:160%;
     margin: 10px 0px;
 }
 .grid-box .restaurant{
     text-align:center;
     background-color: white;
     padding: 10px 0px;
+    margin: 5px 0px;
 }
 .opened{
     color:#141414;

website/static/js/grid.js

@@ -25,7 +25,7 @@ function construct_grid(filtered_restaurants) {
         }
         // Append the data into the Bootstrap scaffolding
         $('#grid .row').last().append(
-            '<div class="col-sm-4 col-md-3 grid-box id="' + restaurant.id + '">\
+            '<div class="col-sm-6 col-md-4 col-lg-3 grid-box id="' + restaurant.id + '">\
                 <div class="restaurant ' + open_class + '">' + restaurant.name + '</div>\
             </div>'
         );