Fix tablet responsive margins

Makefile

@@ -39,11 +39,11 @@ setup:
 
 release:
 	docker-compose build web
-	docker-compose exec web ./manage.py collectstatic --noinput
-	docker-compose exec web ./manage.py compress
 	docker-compose stop web
 	docker-compose kill web
 	docker-compose up -d web
+	docker-compose exec web ./manage.py collectstatic --noinput
+	docker-compose exec web ./manage.py compress
 
 reindex:
 	docker-compose exec web ./manage.py update_index
@@ -52,7 +52,7 @@ clear_index:
 	docker-compose exec elasticsearch curl -XDELETE localhost:9200/_all
 
 django-exec-bash:
-		# execute bash in the currently running container
+	# execute bash in the currently running container
 	docker-compose exec web bash
 
 django-run-bash:

publichealth/static/css/main.scss

@@ -10,3 +10,7 @@
 body {
   margin-top: 104px;
 }
+
+@include mid-screen($screen-sm-min, $screen-md-min) {
+  body { margin-top: 200px; }
+}

publichealth/static/css/modules/_mixins.scss

@@ -5,3 +5,10 @@
     @content;
   }
 }
+
+// mid-screen
+@mixin mid-screen($min, $max) {
+  @media only screen and (min-width: $min) and (max-width: $max) {
+    @content;
+  }
+}