award icon fix, styles for print

3 files changed, 16 insertions, 3 deletions

diff --git a/src/_icons/award.svg b/src/_icons/award.svg
index 3f488f3..1df308d 100644
--- a/src/_icons/award.svg
+++ b/src/_icons/award.svg
@@ -2,5 +2,6 @@
 ---
 <svg>
   <circle cx="12" cy="9" r="6" />
-  <polyline points="8 13.5 8 21 12 19 16 21 16 13.5" />
+  <polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(-30 12 9)" />
+  <polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(30 12 9)" />
 </svg>
diff --git a/src/index.html b/src/index.html
index 98418eb..f8fc5f9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,7 +3,6 @@ layout: default
 ---
 <div class="container">
 	<div class="box">
-
 		<div class="mb">
 			<div class="icons-list">
 				{% for icon in site.icons %}
@@ -14,7 +13,8 @@ layout: default
 				{% endfor %}
 			</div>
 		</div>
-
+	</div>
+	<div class="box">
 		<div class="mb">
 			<div class="icons-list">
 				{% for icon in site.icons %}
diff --git a/src/style.scss b/src/style.scss
index 49a1b2f..d2afbd7 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -46,6 +46,10 @@ a {
   @media (max-width: #{$breakpoint}) {
     padding: 0;
   }
+
+  @media print {
+    padding: 0;
+  }
 }
 
 .row {
@@ -77,11 +81,19 @@ a {
   padding: 2rem;
   background: #ffff;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
+  page-break-before: always;
+  margin-bottom: 2rem;
 
   @media (max-width: #{$breakpoint}) {
     padding: .5rem;
     box-shadow: none;
   }
+
+  @media print {
+    padding: 0;
+    box-shadow: none;
+    margin-bottom: 0;
+  }
 }
 
 .icon-title {